Nao é isso!

Tailwind nao é 1 para 1 no css, quando voce usa por exemplo w-24 h-24 rounded-full mx-auto ele adicionar mais comandos css que o basico, garantindo a compatibilidade entre browsers. Ele também traz coisas como md:rounded-none o que seria complexo resolver com o @media

Eu também acho que tailwind deixa o código html sujo, como por exemplo: <figure class="md:flex bg-slate-100 rounded-xl p-8 md:p-0 dark:bg-slate-800">. Mas isso voce consegue contornar, por exemplo, no vue eu prefiro utilizar assim:

<template>
  <button class="button">I use scoped Tailwind classes</button>
</template>

<style lang="postcss" scoped>
.button {
  @apply border border-green-500 bg-green-500 text-white rounded-md px-4 py-2 m-2;
}
</style>