🐛 CSS parser fails to parse * in variable

[condemil]

Environment information

vscode embedded biome v1.9.4

What happened?

The following tailwind v4 css syntax breaks the parser:

--color-*: initial;

Expected result

Parser doesn't brake and accepts asterisk in the variable

Code of Conduct

• I agree to follow Biome's Code of Conduct

[condemil]

And similar issue with:

@import "tailwindcss" source(none);

[ematipico]

Is it valid, stable, CSS syntax?

[condemil]

I did a quick check and it doesn't look like it's a part of CSS spec.

[dugajean]

I'm getting it for .. We should perhaps have the option to disable this rule for certain lines.

[ematipico]

This isn't a rule, you can see that from the tooltip you just posted, it's written biome(parse).

Biome couldn't parse the file because tailwind uses syntax that isn't still stable.

Best thing is to ignore the file.

[malobre]

You need to escape the asterisk, i.e: --color-\*: initial;. Tailwind should understand this syntax, otherwise it's a bug on their end.

Edit: check tailwindlabs/tailwindcss#15533