TailwindCSS @apply innerhalb einer SFC mit Nuxt UI v3 nutzen

Die Verwendung der @apply-Direktive in Single File Components (SFC) ist in Nuxt UI v3 möglich, doch nicht gut dokumentiert.

Eine Nutzung ist aktuell über das folgende Codebeispiel möglich:

<style>
  @import "tailwindcss/theme" theme(reference);

  body {
    @apply bg-red-500;
  }
</style>

Die Angabe von theme(reference) ist wichtig, da sonst jeweils immer das komplette TailwindCSS-Theme importiert wird, was wiederum die Größe des Builds erheblich erhöht.