Nested tailwind tokens config generating bad CSS

[david-crespo]

oxidecomputer/console#1704 (comment)

vite v4.4.4 building for production...
transforming...
✓ 2873 modules transformed.
rendering chunks...
warnings when minifying css:
Warning: G] Unexpected "{" [css-syntax-error]

    <stdin>:6031:3:
      6031 │    {
           ╵    ^


Warning: G] Unexpected "{" [css-syntax-error]

    <stdin>:6039:3:
      6039 │    {
           ╵    ^


Warning: G] Unexpected "{" [css-syntax-error]

    <stdin>:6560:3:
      6560 │    {
           ╵    ^

design-system/styles/dist/tailwind-tokens.js

Lines 1548 to 1570 in 018fed6

	/* Display-P3 color, when supported. */
	'@supports (color: color(display-p3 1 1 1))': {
	'.text-default': {
	color: 'var(--content-default-p3)',
	},
	'.text-secondary': {
	color: 'var(--content-secondary-p3)',
	},
	'.text-tertiary': {
	color: 'var(--content-tertiary-p3)',
	},
	'.text-quaternary': {
	color: 'var(--content-quaternary-p3)',
	},
	'.text-quinary': {
	color: 'var(--content-quinary-p3)',
	},
	'.text-disabled': {
	color: 'var(--content-disabled-p3)',
	},
	'.text-accent': {
	color: 'var(--content-accent-p3)',
	},

[zephraph]

🚀 Issue was released in v1.0.1 🚀