feat(module): generate tailwindcss theme colors

[benjamincanac]

🔗 Linked issue

Resolves #2948

❓ Type of change

• 📖 Documentation (updates to the documentation or readme)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality)
• ✨ New feature (a non-breaking change that adds functionality)
• 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

This will allow to use Tailwind CSS classes from our design system colors like in Nuxt UI v2, you'll be able to write text-primary-500 dark:primary-400 bg-neutral-50 dark:bg-neutral-800 while allowing the user to override those utilities in their own theme.

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly.

[cloudflare-workers-and-pages]

Deploying ui3 with    Cloudflare Pages

Latest commit:	a20d8ec
Status:	✅  Deploy successful!
Preview URL:	https://61a394ad.ui-6q2.pages.dev
Branch Preview URL:	https://pr-2948.ui-6q2.pages.dev

View logs

[hywax]

Will it take a bunch of variables out of the HTML? I would like to have cleaner HTML

[benjamincanac]

No it's unrelated, this PR defines those CSS variables as Tailwind CSS colors so you can use text-primary-500 for example but I can't make it work for Vue yet.

You can remove those colors if you don't need them through the theme.colors option in your nuxt.config.ts though: https://ui3.nuxt.dev/getting-started/installation/nuxt#themecolors

[pkg-pr-new]

npm i https://pkg.pr.new/@nuxt/ui@2967

commit: a20d8ec