\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```",[3081,3082],{"name":3024,"color":3025},{"name":3083,"color":3084},"needs reproduction","FBCA04",30345,"undefined tailwind variables, css sourcemap warnings","2024-12-23T18:18:48Z","https://github.com/nuxt/nuxt/issues/30345",0.6917842,{"description":3091,"labels":3092,"number":3097,"owner":3027,"repository":3027,"state":3038,"title":3098,"updated_at":3099,"url":3100,"score":3101},"### Environment\r\n\r\n- Operating System: Windows_NT \r\n- Node Version: v18.12.1 \r\n- Nuxt Version: 3.6.2 \r\n- Nitro Version: 2.5.2\r\n- Package Manager: pnpm@7.14.0\r\n- Builder: vite\r\n- User Config: devtools, modules\r\n- Runtime Modules: @pinia/nuxt@0.4.11\r\n- Build Modules: -\r\n\r\n### Reproduction\r\n\r\npnpm dlx nuxi@latest init project-name\r\n\r\n### Describe the bug\r\n\r\nDependency warnings after pnpm install base template from documentation(pnpm dlx nuxi@latest init project-name):\r\n\r\n```\r\n WARN Issues with peer dependencies found\r\n.\r\n└─┬ @nuxt/devtools 0.6.7\r\n ├─┬ vite-plugin-inspect 0.7.32\r\n │ └── ✕ missing peer vite@\"^3.1.0 || ^4.0.0\"\r\n ├─┬ vite-plugin-vue-inspector 3.4.2\r\n │ └── ✕ missing peer vite@\"^3.0.0-0 || ^4.0.0-0\"\r\n └─┬ @nuxt/devtools-kit 0.6.7\r\n └── ✕ missing peer vite@\"*\"\r\n✕ Conflicting peer dependencies:\r\n vite \r\n```\r\n \r\n I don't understand, is it normal? It keeps getting in the way in the console. When installing other libraries, e.g. @nuxt/pinia - more similar warnings appear, only with vue\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[3093,3096],{"name":3094,"color":3095},"discussion","538de2",{"name":3046,"color":3047},22054,"Conflicting peer dependencies","2023-07-10T09:57:41Z","https://github.com/nuxt/nuxt/issues/22054",0.6920087,{"description":3103,"labels":3104,"number":3105,"owner":3027,"repository":3027,"state":3038,"title":3106,"updated_at":3107,"url":3108,"score":3109},"### Environment\n\n------------------------------\r\n- Operating System: `Linux`\r\n- Node Version: `v16.18.0`\r\n- Nuxt Version: `3.0.0-rc.11`\r\n- Nitro Version: `0.5.4`\r\n- Package Manager: `yarn@1.22.19`\r\n- Builder: `vite`\r\n- User Config: `-`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n------------------------------\r\n\r\nAnother PC:\r\n- Operating System: `Windows_NT`\r\n- Node Version: `v16.17.0`\r\n- Nuxt Version: `3.0.0-rc.11`\r\n- Nitro Version: `0.5.4`\r\n- Package Manager: `yarn@1.22.19`\r\n- Builder: `vite`\r\n- User Config: `-`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n------------------------------\r\n\n\n### Reproduction\n\nI can't share the link :(\n\n### Describe the bug\n\nI'm getting 500 erro sometimes.\r\n\r\n`[vite-node] [plugin:vite:css] [@tailwind base; @tailwind components; @tailwind utilities; ] /node_modules/@nuxtjs/tailwindcss/dist/runtime/tailwind.css`\r\n\r\n@tailwind base;\r\n@tailwind components;\r\n@tailwind utilities;\r\n\r\nat /node_modules/@nuxtjs/tailwindcss/dist/runtime/tailwind.css\r\n\r\nConsole: \r\n```\r\n ERROR [postcss] input.slice is not a function \r\n ERROR [postcss] input.slice is not a function \r\n\r\nℹ Vite client warmed up in 2646ms \r\n✔ Nitro built in 265 ms \r\n``` \r\nHow can I fix this?\r\n\n\n### Additional context\n\nScreenshot: https://ibb.co/88S5vtP\n\n### Logs\n\n```shell\nzorin@zorin-pc:~/somewhere $ yarn dev\r\nyarn run v1.22.19\r\n$ nuxt dev\r\nNuxi 3.0.0-rc.11 12:28:33\r\nNuxt 3.0.0-rc.11 with Nitro 0.5.4 12:28:33\r\n 12:28:34\r\n > Local: http://localhost:3000/ \r\n > Network: http://10.0.0.41:3000/\r\n > Network: http://192.168.2.1:3000/\r\n > Network: http://192.168.6.1:3000/\r\n\r\nℹ Using default Tailwind CSS file from runtime/tailwind.css nuxt:tailwindcss 12:28:34\r\n\r\n WARN [kit] [compat] Using extendBuild in Nuxt 3 has no effect. Instead call extendWebpackConfig and extendViteConfig.\r\n\r\n\r\n WARN [kit] [compat] Using extendBuild in Nuxt 3 has no effect. Instead call extendWebpackConfig and extendViteConfig.\r\n\r\nℹ Tailwind Viewer: http://[::]:3000/_tailwind/ nuxt:tailwindcss 12:28:34\r\n\r\n WARN 12:28:35\r\n\r\n\r\n WARN warn - The purge/content options have changed in Tailwind CSS v3.0. 12:28:35\r\n\r\n\r\n WARN warn - Update your configuration file to eliminate this warning. 12:28:35\r\n\r\n\r\n WARN warn - https://tailwindcss.com/docs/upgrade-guide#configure-content-sources 12:28:35\r\n\r\n\r\n ERROR [postcss] input.slice is not a function 12:28:35\r\n\r\n\r\n WARN [@vue/compiler-sfc] defineProps is a compiler macro and no longer needs to be imported. 12:28:36\r\n\r\n\r\n\r\n ERROR [postcss] input.slice is not a function 12:28:37\r\n\r\n\r\n ERROR [postcss] input.slice is not a function 12:28:37\r\n\r\nℹ Vite client warmed up in 2661ms 12:28:37\r\n✔ Nitro built in 303 ms nitro 12:28:38\n```\n",[],15840,"500 Tailwind Error at /node_modules/@nuxtjs/tailwindcss/dist/runtime/tailwind.css","2023-01-19T18:29:36Z","https://github.com/nuxt/nuxt/issues/15840",0.6942535,{"description":3111,"labels":3112,"number":3114,"owner":3027,"repository":3027,"state":3038,"title":3115,"updated_at":3116,"url":3117,"score":3118},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v20.14.0\n- Nuxt Version: 3.16.2\n- CLI Version: 3.24.1\n- Nitro Version: 2.11.9\n- Package Manager: bun@1.2.9\n------------------------------\n\n### Reproduction\n\nRelated repository:\nhttps://github.com/serhii-chernenko/daisyui-issue\n\n- Correct styles with the Nuxt 3 single application: https://daisyui-issue-ui-playground.pages.dev\n- Broken styles with the latest versions and Nuxt 3 layers architecture: https://daisyui-issue.pages.dev\n- Fixed styles after downgrading packages such as `tailwindcss` and `@tailwindcss/vite` to the version `4.0.3`\n - Preview: https://preview.daisyui-issue.pages.dev\n - PR: https://github.com/serhii-chernenko/daisyui-issue/pull/1\n\n### Describe the bug\n\nIn combination of Nuxt 3 Layers architecture, DaisyUI library, and upgrading Tailwind CSS I have the issue described below.\n\nI also created the same issue to the DaisyUI and Tailwind repos:\n- https://github.com/saadeghi/daisyui/issues/3775\n- https://github.com/tailwindlabs/tailwindcss/issues/17648\n\nBut honestly, I'm not sure to which one it's really related. It'd be nice to involve Tailwind, Nuxt, Vite, and Daisy together, to find a root cause of this.\n\n## Steps to reproduce\n\n### Clone repo and install packages\n\n```\ngit clone git@github.com:serhii-chernenko/daisyui-issue.git\nbun install\n```\n\n### Verify the installed versions related to `tailwind`\n\n```bash\nbun pm ls --all | grep tailwindcss\n├── ...\n├── @tailwindcss/vite@4.1.3\n├── tailwindcss@4.1.3\n```\n\n### Run a single Nuxt 3 application\n\n```\ncd src/layers/ui\nbun run dev\n```\n\nOpen http://localhost:3000\n\nExpected result (buttons do nothing, it's just UI):\n\n\nDeployed version is available here:\nhttps://daisyui-issue-ui-playground.pages.dev\n\n### Run the end application in Nuxt 3 Layers architecture\n\n```\ncd ../../../\nbun run build:app # it's necessary to generate the `wrangler.json` file\nbun run dev:app\n```\n\nOpen http://localhost:3000\n\nExpected result (DaisyUI styles completely broken, but Tailwind's styles work as expected):\n\n\nDeployed version is available here:\nhttps://daisyui-issue.pages.dev\n\n### Downgrade `tailwindcss` and `@tailwindcss/vite` to `4.0.3`\n\nAdd to the root `package.json` file the next content:\n```json\n\"overrides\": {\n \"@tailwindcss/vite\": \"4.0.3\",\n \"tailwindcss\": \"4.0.3\"\n}\n```\n\nOr just switch to the branch:\n```bash\ngit checkout fix/downgraded-tailwind-and-tailwind-vite-versions\n```\n\nPR is available here:\nhttps://github.com/serhii-chernenko/daisyui-issue/pull/1\n\nReinstall packages:\n```\nbun install\n```\n\nVerify packages again:\n```bash\nbun pm ls --all | grep tailwindcss\n├── ...\n├── @tailwindcss/vite@4.0.3\n├── tailwindcss@4.0.3\n```\n\n### Run the end application in Nuxt 3 Layers architecture again\n\n```\nbun run build:app # it's necessary to generate the `wrangler.json` file\nbun run dev:app\n```\n\n### Additional context\n\nI had the same issue with Node v20. There's no difference in the package manager.\n\n### Logs\n\n```shell-script\n\n```",[3113],{"name":3024,"color":3025},31773,"Latest `tailwindcss` and `@tailwindcss/vite` packages don't compile DaisyUI styles in Nuxt 3 Layers architecture","2025-04-11T20:20:35Z","https://github.com/nuxt/nuxt/issues/31773",0.6958292,{"labels":3120,"number":3121,"owner":3027,"repository":3027,"state":3038,"title":3122,"updated_at":3123,"url":3124,"score":3125},[],12025,"Error when attempting to use Tailwind CSS with Nuxt 3","2023-01-19T15:54:17Z","https://github.com/nuxt/nuxt/issues/12025",0.6959872,["Reactive",3127],{},["Set"],["ShallowReactive",3130],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fF5MYmrbghcE7M3W6Evgeavv38rglURrxzbqyrAG60cs":-1},"/nuxt/ui/4170"]