phantomptrandClaude Opus 5.5 d509f83de2 CSS build: keep Tailwind's nested @supports through the layer flattening ...

Tailwind nests the colour-mix() of every colour-with-opacity utility
(bg-[var(--color-good)]/5 and the like) in an @supports block inside the
rule, and postcss-cascade-layers drops at-rules nested that way. Only the
full-strength fallback was left. While the colour tokens sat in @theme
Tailwind had resolved those at build time (to the dark theme's colours);
on plain custom properties they painted solid. A small PostCSS step now
hoists such at-rules out beside their rule first.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Ub1mez9eaVtTF8pMEFXvA9

2026-10-10 10:26:57 -07:00

..

hoistNestedAtRules.mjs

CSS build: keep Tailwind's nested @supports through the layer flattening

2026-10-10 10:26:57 -07:00

hoistNestedAtRules.test.mjs

CSS build: keep Tailwind's nested @supports through the layer flattening

2026-10-10 10:26:57 -07:00