CSS Tailwind Syntax

[lishaduck]

Tailwind adds a few custom at-rules. I tried to see how well the new css work does on my css, but it fails at my @apply declarations. I can comment them out, but that's not a long-term solution. Probably the parser should just parse @apply. Surprisingly, @tailwind just works. Eventually, I'd like it if #1274 could also be integrated into @apply, but that's certainly not needed at this point.

Thanks for considering this! Biome is great!

P.S. After commenting it out, it linted my css just fine! It only found an empty ruleset b/c I'd commented it out, but it's running, finding issue, and, of course, it's fast ;)

[znycheporuk]

Could you clarify if Biome will support the Tailwind v4 syntax, which includes the following to prevent the generation of default CSS variables, or if it will only support standard CSS syntax? I'm ready to contribute if you are open to supporting it.

@import "tailwindcss";

@theme {
	--color-*: initial;
	--spacing-*: initial;
}

[znycheporuk]

this is already fixed on tailwind side
tailwindlabs/tailwindcss#15603

[mkvlrn]

Hijacking so there isn't yet another thread about this. Trying v4 today and setting a base path for tailwind using the source function with @import is an error: