Can't use Tailwind PostCSS @apply function in component <style> in v3

[MarkYarchak]

Description

Appreciate your work over nuxt/ui.

Based on tailwind docs, after migrating to v4 (which nuxt/ui@3 uses), @apply doesn't work in components anymore.
Are there any hacks regarding this or migration tips as it can take forever to replace everything manually?

Tailwind update docs
https://tailwindcss.com/docs/upgrade-guide#using-apply-with-vue-svelte-or-css-modules

[benjamincanac]

You actually posted the solution 😅 You have to use @reference:

<style>
@reference "../assets/css/main.css";
</style>