> This plugin would allow me to use my existing CSS knowledge by writing:

   <div
     class="display-flex align-items-center gap-8px border-radius-6px padding-4px"  
    >
    <!-- ... -->
    </div>

> Instead of:

    <div class="flex items-center gap-2 rounded-full p-1">
      <!-- ... -->
    </div>

But... why ?

I just don't get tailwind.