\n\nPerhaps related, I'm seeing these warnings when building:\n\n```\n[vite:css] Lexical error on line 1: Unrecognized text. 4:12:25 PM\n\n Erroneous area:\n1: infinity * 1px\n^..^\n945| }\n946| .rounded-full {\n947| border-radius: calc(infinity * 1px);\n | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n948| }\n949| .rounded-s { (x2)\n\nℹ ✓ 227 modules transformed. 4:12:26 PM\n[plugin @tailwindcss/vite:generate:build] Sourcemap is likely to be incorrect: a plugin (@tailwindcss/vite:generate:build) was used to transform files, but didn't generate a sourcemap for the transformation. Consult the plugin documentation for help\n```\n\nIn `nuxt.config.ts` I have this:\n`css: [\"~/assets/css/main.css\"]`\n\nIn `main.css` I have this:\n\n```\n@import \"tailwindcss\";\n@import \"@nuxt/ui\";\n```\n\n### Additional context\n\nI'm new to vue/nuxt/tailwind so it's entirely possible I'm doing something wrong.\n\n### Logs\n\n```shell-script\n\n```",[2948,2949],{"name":2914,"color":2915},{"name":2929,"color":2930},30345,"undefined tailwind variables, css sourcemap warnings","2024-12-23T18:18:48Z","https://github.com/nuxt/nuxt/issues/30345",0.6902029,{"description":2956,"labels":2957,"number":2962,"owner":2875,"repository":2876,"state":2877,"title":2963,"updated_at":2964,"url":2965,"score":2966},"### Description\n\nBefore v3.1 I was able to use non-custom color names such as `green`, `red`, `cyan` on the `color` prop of all applicable components, for example:\n\n`\u003CUButton label=\"test\" color=\"red\" />` would render this:\n\n\n\nI achieved this by adding the color names on both `app.config.ts` and `nuxt.config.ts`:\n\n```js\nexport default defineAppConfig({\n ui: {\n colors: {\n primary: 'green',\n neutral: 'zinc',\n red: 'red',\n }\n }\n})\n```\n```js\n...\n ui: {\n theme: {\n colors: [\n 'red'\n ]\n }\n },\n...\n```\nBut after 3.1 the same setup renders the buttom like this (I had to highlight the text):\n\n\n\nI can use custom names like `new` or `tertiary` as color name, and that would work, but I still have use cases for the previous mechanism, what's the new approach for this?\n",[2958,2961],{"name":2959,"color":2960},"question","d876e3",{"name":2869,"color":2870},4035,"How to use normal color names such as red or green after v3.1","2025-05-01T22:14:49Z","https://github.com/nuxt/ui/issues/4035",0.6921412,{"labels":2968,"number":2971,"owner":2875,"repository":2875,"state":2877,"title":2972,"updated_at":2973,"url":2974,"score":2975},[2969,2970],{"name":2902,"color":2903},{"name":2914,"color":2915},13385,"Cannot use Tailwindcss classes from composables","2023-01-19T16:54:19Z","https://github.com/nuxt/nuxt/issues/13385",0.69337046,["Reactive",2977],{},["Set"],["ShallowReactive",2980],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fx2uPNNR-UWqgGbgjloGqfT5Fuqo7bJVaS9lJYonF-vU":-1},"/nuxt/ui/4144"]