What version of Tailwind CSS are you using?
v4.1.6
What build tool (or framework if it abstracts the build tool) are you using?
Next.js 15.3.2
What version of Node.js are you using?
v22.11.0
What browser are you using?
Chrome
What operating system are you using?
macOS
Reproduction URL
https://github.com/Multiply/next.js-tailwind-conic-bug
(based on npx create-next-app@latest for the initial commit)
Describe your issue
In next.js production builds (npm run build -> npm run start) bg-conic's background-image does not work.
It works fine in development builds npm run dev.
My initial thoughts would be that it's a @layer issue, but I haven't played too much with it yet, to really debug it further.
What version of Tailwind CSS are you using?
v4.1.6
What build tool (or framework if it abstracts the build tool) are you using?
Next.js 15.3.2
What version of Node.js are you using?
v22.11.0
What browser are you using?
Chrome
What operating system are you using?
macOS
Reproduction URL
https://github.com/Multiply/next.js-tailwind-conic-bug
(based on
npx create-next-app@latestfor the initial commit)Describe your issue
In next.js production builds (
npm run build->npm run start)bg-conic'sbackground-imagedoes not work.It works fine in development builds
npm run dev.My initial thoughts would be that it's a
@layerissue, but I haven't played too much with it yet, to really debug it further.