v4 w/@source inline nesting utilities layer

[toddulery-HDR]

When using a safelist.css that has all of the @source inline
The compile ends up with double nested
@layer utilities { @layer utilities { there are other things that end up in there, not in a external safelist, but main issue is if you have something in a safelist that needs to be an overriding class, it cant, because it gets superseded always.

[wongjn]

Seems to be working in this Tailwind Play which would suggest it is something particular to your project. Consider providing a git repo that reproduces the unexpected behavior.

[toddulery-HDR]

Yes, I can see how that works. It compiles the source inline into @layer utilities
Main css is:
@import "tailwindcss"; @import "../styles/tailwind.safelist.css";
safelist is:
@source inline("{hover:,}{bg, text, border, ring}-{white}");
@source inline("{hover:,}{bg, text, border, ring}-{gray, gray-2, gray-5, gray-10, gray-15, gray-20, gray-30, gray-40, gray-70, gray-80, gray-90}");
@source inline("{hover:,}{bg, text, border, ring}-{black}");
@source inline("{hover:,}{bg, text, border, ring}-{blue, blue-10, blue-20, blue-40, blue-80, blue-100}");
@source inline("{hover:,}{bg, text, border, ring}-{red, red-10, red-20, red-40, red-80, red-100}");
@source inline("{hover:,}{bg, text, border, ring}-{violet, violet-10, violet-20, violet-40, violet-80, violet-100}");
@source inline("{hover:,}{bg, text, border, ring}-{berry, berry-10, berry-20, berry-40, berry-80, berry-100}");
@source inline("{hover:,}{bg, text, border, ring}-{sun, sun-10, sun-20, sun-40, sun-80, sun-100}");
@source inline("{hover:,}{bg, text, border, ring}-{goldenrod, goldenrod-10, goldenrod-20, goldenrod-40, goldenrod-80, goldenrod-100}");
@source inline("{hover:,}{bg, text, border, ring}-{leaf, leaf-10, leaf-20, leaf-40, leaf-80, leaf-100}");
@source inline("{hover:,}{bg, text, border, ring}-{ocean, ocean-10, ocean-20, ocean-40, ocean-80, ocean-100}");

Is there any thing that might indicate why it would stack like this; anything that compiles from the safelist goes into a double utilities layer:
@layer utilities { @layer utilities {

[wongjn]

I don't think it is due to your safelisting. ease-in-out is in a double utilities layer, but that has not been safelisted. Same with hover:bg-hdr-ocean-40. I don't think most of your safelisting tokens work anyway because of the spaces after the commas.

Could be some double-@importing somewhere, not too sure. Consider providing a git repo that reproduces the issue and we can take a look for you.

[toddulery-HDR]

I started to put up a public repo, but it isn't producing that same issue. They are not doubled.