@terrazzo/plugin-css 0.10.2 → 0.10.4

package/dist/index.js

@@ -228,7 +228,7 @@ const parseRgbLegacy = (color) => {
 		if (match[1] !== void 0) res.r = match[1] / 100;
 		if (match[2] !== void 0) res.g = match[2] / 100;
 		if (match[3] !== void 0) res.b = match[3] / 100;
-	} else return void 0;
+	} else return;
 	if (match[4] !== void 0) res.alpha = Math.max(0, Math.min(1, match[4] / 100));
 	else if (match[5] !== void 0) res.alpha = Math.max(0, Math.min(1, +match[5]));
 	return res;
@@ -343,7 +343,7 @@ function num(chars) {
 			type: Tok.Hue,
 			value: value * huenits[id]
 		};
-		return void 0;
+		return;
 	}
 	if (chars[_i] === "%") {
 		_i++;
@@ -396,7 +396,7 @@ function tokenize(str = "") {
 			while (_i < chars.length && (chars[_i] === "\n" || chars[_i] === "	" || chars[_i] === " ")) _i++;
 			continue;
 		}
-		if (ch === ",") return void 0;
+		if (ch === ",") return;
 		if (ch === ")") {
 			tokens.push({ type: Tok.ParenClose });
 			continue;
@@ -407,7 +407,7 @@ function tokenize(str = "") {
 				tokens.push(num(chars));
 				continue;
 			}
-			return void 0;
+			return;
 		}
 		if (ch === "-") {
 			_i--;
@@ -422,7 +422,7 @@ function tokenize(str = "") {
 				});
 				continue;
 			}
-			return void 0;
+			return;
 		}
 		if (ch === ".") {
 			_i--;
@@ -430,7 +430,7 @@ function tokenize(str = "") {
 				tokens.push(num(chars));
 				continue;
 			}
-			return void 0;
+			return;
 		}
 		if (ch === "/") {
 			while (_i < chars.length && (chars[_i] === "\n" || chars[_i] === "	" || chars[_i] === " ")) _i++;
@@ -457,7 +457,7 @@ function tokenize(str = "") {
 					continue;
 				}
 			}
-			return void 0;
+			return;
 		}
 		if (/\d/.test(ch)) {
 			_i--;
@@ -469,21 +469,21 @@ function tokenize(str = "") {
 			tokens.push(identlike(chars));
 			continue;
 		}
-		return void 0;
+		return;
 	}
 	return tokens;
 }
 function parseColorSyntax(tokens) {
 	tokens._i = 0;
 	let token = tokens[tokens._i++];
-	if (!token || token.type !== Tok.Function || token.value !== "color") return void 0;
+	if (!token || token.type !== Tok.Function || token.value !== "color") return;
 	token = tokens[tokens._i++];
-	if (token.type !== Tok.Ident) return void 0;
+	if (token.type !== Tok.Ident) return;
 	const mode = colorProfiles[token.value];
-	if (!mode) return void 0;
+	if (!mode) return;
 	const res = { mode };
 	const coords = consumeCoords(tokens, false);
-	if (!coords) return void 0;
+	if (!coords) return;
 	const channels = getMode(mode).channels;
 	for (let ii = 0, c$1, ch; ii < channels.length; ii++) {
 		c$1 = coords[ii];
@@ -505,14 +505,14 @@ function consumeCoords(tokens, includeHue) {
 			continue;
 		}
 		if (token.type === Tok.ParenClose) {
-			if (tokens._i < tokens.length) return void 0;
+			if (tokens._i < tokens.length) return;
 			continue;
 		}
-		return void 0;
+		return;
 	}
-	if (coords.length < 3 || coords.length > 4) return void 0;
+	if (coords.length < 3 || coords.length > 4) return;
 	if (coords.length === 4) {
-		if (coords[3].type !== Tok.Alpha) return void 0;
+		if (coords[3].type !== Tok.Alpha) return;
 		coords[3] = coords[3].value;
 	}
 	if (coords.length === 3) coords.push({
@@ -524,14 +524,14 @@ function consumeCoords(tokens, includeHue) {
 function parseModernSyntax(tokens, includeHue) {
 	tokens._i = 0;
 	let token = tokens[tokens._i++];
-	if (!token || token.type !== Tok.Function) return void 0;
+	if (!token || token.type !== Tok.Function) return;
 	let coords = consumeCoords(tokens, includeHue);
-	if (!coords) return void 0;
+	if (!coords) return;
 	coords.unshift(token.value);
 	return coords;
 }
 const parse = (color) => {
-	if (typeof color !== "string") return void 0;
+	if (typeof color !== "string") return;
 	const tokens = tokenize(color);
 	const parsed = tokens ? parseModernSyntax(tokens, true) : void 0;
 	let result = void 0;
@@ -545,10 +545,10 @@ var parse_default = parse;
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/rgb/parseRgb.js
 function parseRgb(color, parsed) {
-	if (!parsed || parsed[0] !== "rgb" && parsed[0] !== "rgba") return void 0;
+	if (!parsed || parsed[0] !== "rgb" && parsed[0] !== "rgba") return;
 	const res = { mode: "rgb" };
 	const [, r$1, g, b, alpha] = parsed;
-	if (r$1.type === Tok.Hue || g.type === Tok.Hue || b.type === Tok.Hue) return void 0;
+	if (r$1.type === Tok.Hue || g.type === Tok.Hue || b.type === Tok.Hue) return;
 	if (r$1.type !== Tok.None) res.r = r$1.type === Tok.Number ? r$1.value / 255 : r$1.value / 100;
 	if (g.type !== Tok.None) res.g = g.type === Tok.Number ? g.value / 255 : g.value / 100;
 	if (b.type !== Tok.None) res.b = b.type === Tok.Number ? b.value / 255 : b.value / 100;
@@ -895,19 +895,19 @@ var parseHslLegacy_default = parseHslLegacy;
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/hsl/parseHsl.js
 function parseHsl(color, parsed) {
-	if (!parsed || parsed[0] !== "hsl" && parsed[0] !== "hsla") return void 0;
+	if (!parsed || parsed[0] !== "hsl" && parsed[0] !== "hsla") return;
 	const res = { mode: "hsl" };
 	const [, h, s, l, alpha] = parsed;
 	if (h.type !== Tok.None) {
-		if (h.type === Tok.Percentage) return void 0;
+		if (h.type === Tok.Percentage) return;
 		res.h = h.value;
 	}
 	if (s.type !== Tok.None) {
-		if (s.type === Tok.Hue) return void 0;
+		if (s.type === Tok.Hue) return;
 		res.s = s.value / 100;
 	}
 	if (l.type !== Tok.None) {
-		if (l.type === Tok.Hue) return void 0;
+		if (l.type === Tok.Hue) return;
 		res.l = l.value / 100;
 	}
 	if (alpha.type !== Tok.None) res.alpha = Math.min(1, Math.max(0, alpha.type === Tok.Number ? alpha.value : alpha.value / 100));
@@ -1178,19 +1178,19 @@ function convertRgbToHwb(rgba) {
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/hwb/parseHwb.js
 function ParseHwb(color, parsed) {
-	if (!parsed || parsed[0] !== "hwb") return void 0;
+	if (!parsed || parsed[0] !== "hwb") return;
 	const res = { mode: "hwb" };
 	const [, h, w, b, alpha] = parsed;
 	if (h.type !== Tok.None) {
-		if (h.type === Tok.Percentage) return void 0;
+		if (h.type === Tok.Percentage) return;
 		res.h = h.value;
 	}
 	if (w.type !== Tok.None) {
-		if (w.type === Tok.Hue) return void 0;
+		if (w.type === Tok.Hue) return;
 		res.w = w.value / 100;
 	}
 	if (b.type !== Tok.None) {
-		if (b.type === Tok.Hue) return void 0;
+		if (b.type === Tok.Hue) return;
 		res.b = b.value / 100;
 	}
 	if (alpha.type !== Tok.None) res.alpha = Math.min(1, Math.max(0, alpha.type === Tok.Number ? alpha.value : alpha.value / 100));
@@ -1341,10 +1341,10 @@ var convertRgbToLab_default = convertRgbToLab;
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/lab/parseLab.js
 function parseLab(color, parsed) {
-	if (!parsed || parsed[0] !== "lab") return void 0;
+	if (!parsed || parsed[0] !== "lab") return;
 	const res = { mode: "lab" };
 	const [, l, a, b, alpha] = parsed;
-	if (l.type === Tok.Hue || a.type === Tok.Hue || b.type === Tok.Hue) return void 0;
+	if (l.type === Tok.Hue || a.type === Tok.Hue || b.type === Tok.Hue) return;
 	if (l.type !== Tok.None) res.l = Math.min(Math.max(0, l.value), 100);
 	if (a.type !== Tok.None) res.a = a.type === Tok.Number ? a.value : a.value * 125 / 100;
 	if (b.type !== Tok.None) res.b = b.type === Tok.Number ? b.value : b.value * 125 / 100;
@@ -1509,16 +1509,16 @@ var convertLchToLab_default = convertLchToLab;
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/lch/parseLch.js
 function parseLch(color, parsed) {
-	if (!parsed || parsed[0] !== "lch") return void 0;
+	if (!parsed || parsed[0] !== "lch") return;
 	const res = { mode: "lch" };
 	const [, l, c$1, h, alpha] = parsed;
 	if (l.type !== Tok.None) {
-		if (l.type === Tok.Hue) return void 0;
+		if (l.type === Tok.Hue) return;
 		res.l = Math.min(Math.max(0, l.value), 100);
 	}
 	if (c$1.type !== Tok.None) res.c = Math.max(0, c$1.type === Tok.Number ? c$1.value : c$1.value * 150 / 100);
 	if (h.type !== Tok.None) {
-		if (h.type === Tok.Percentage) return void 0;
+		if (h.type === Tok.Percentage) return;
 		res.h = h.value;
 	}
 	if (alpha.type !== Tok.None) res.alpha = Math.min(1, Math.max(0, alpha.type === Tok.Number ? alpha.value : alpha.value / 100));
@@ -1660,10 +1660,10 @@ var convertOklabToRgb_default = convertOklabToRgb;
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/oklab/parseOklab.js
 function parseOklab(color, parsed) {
-	if (!parsed || parsed[0] !== "oklab") return void 0;
+	if (!parsed || parsed[0] !== "oklab") return;
 	const res = { mode: "oklab" };
 	const [, l, a, b, alpha] = parsed;
-	if (l.type === Tok.Hue || a.type === Tok.Hue || b.type === Tok.Hue) return void 0;
+	if (l.type === Tok.Hue || a.type === Tok.Hue || b.type === Tok.Hue) return;
 	if (l.type !== Tok.None) res.l = Math.min(Math.max(0, l.type === Tok.Number ? l.value : l.value / 100), 1);
 	if (a.type !== Tok.None) res.a = a.type === Tok.Number ? a.value : a.value * .4 / 100;
 	if (b.type !== Tok.None) res.b = b.type === Tok.Number ? b.value : b.value * .4 / 100;
@@ -1698,16 +1698,16 @@ var definition_default$7 = definition$17;
 //#endregion
 //#region ../../node_modules/.pnpm/culori@4.0.2/node_modules/culori/src/oklch/parseOklch.js
 function parseOklch(color, parsed) {
-	if (!parsed || parsed[0] !== "oklch") return void 0;
+	if (!parsed || parsed[0] !== "oklch") return;
 	const res = { mode: "oklch" };
 	const [, l, c$1, h, alpha] = parsed;
 	if (l.type !== Tok.None) {
-		if (l.type === Tok.Hue) return void 0;
+		if (l.type === Tok.Hue) return;
 		res.l = Math.min(Math.max(0, l.type === Tok.Number ? l.value : l.value / 100), 1);
 	}
 	if (c$1.type !== Tok.None) res.c = Math.max(0, c$1.type === Tok.Number ? c$1.value : c$1.value * .4 / 100);
 	if (h.type !== Tok.None) {
-		if (h.type === Tok.Percentage) return void 0;
+		if (h.type === Tok.Percentage) return;
 		res.h = h.value;
 	}
 	if (alpha.type !== Tok.None) res.alpha = Math.min(1, Math.max(0, alpha.type === Tok.Number ? alpha.value : alpha.value / 100));
@@ -2993,9 +2993,8 @@ function get_Cs(L, a_, b_) {
 	let C_mid = .9 * k$3 * Math.sqrt(Math.sqrt(1 / (1 / (C_a * C_a * C_a * C_a) + 1 / (C_b * C_b * C_b * C_b))));
 	C_a = L * .4;
 	C_b = (1 - L) * .8;
-	let C_0 = Math.sqrt(1 / (1 / (C_a * C_a) + 1 / (C_b * C_b)));
 	return [
-		C_0,
+		Math.sqrt(1 / (1 / (C_a * C_a) + 1 / (C_b * C_b))),
 		C_mid,
 		C_max
 	];
@@ -3023,14 +3022,12 @@ function convertOklabToOkhsl(lab$2) {
 		let k_0 = 0;
 		let k_1 = .8 * C_0;
 		let k_2 = 1 - k_1 / C_mid;
-		let t = (c$1 - k_0) / (k_1 + k_2 * (c$1 - k_0));
-		s = t * .8;
+		s = (c$1 - k_0) / (k_1 + k_2 * (c$1 - k_0)) * .8;
 	} else {
 		let k_0 = C_mid;
 		let k_1 = .2 * C_mid * C_mid * 1.25 * 1.25 / C_0;
 		let k_2 = 1 - k_1 / (C_max - C_mid);
-		let t = (c$1 - k_0) / (k_1 + k_2 * (c$1 - k_0));
-		s = .8 + .2 * t;
+		s = .8 + .2 * ((c$1 - k_0) / (k_1 + k_2 * (c$1 - k_0)));
 	}
 	if (s) {
 		ret.s = s;
@@ -3343,20 +3340,20 @@ const fixup = (value) => Math.round(clamp(value) * 255);
 const rgb$2 = converter_default("rgb");
 const hsl$1 = converter_default("hsl");
 const serializeHex = (color) => {
-	if (color === void 0) return void 0;
+	if (color === void 0) return;
 	let r$1 = fixup(color.r);
 	let g = fixup(color.g);
 	let b = fixup(color.b);
 	return "#" + (1 << 24 | r$1 << 16 | g << 8 | b).toString(16).slice(1);
 };
 const serializeHex8 = (color) => {
-	if (color === void 0) return void 0;
+	if (color === void 0) return;
 	let a = fixup(color.alpha !== void 0 ? color.alpha : 1);
 	return serializeHex(color) + (256 | a).toString(16).slice(1);
 };
 const formatCss = (c$1) => {
 	const color = _prepare_default(c$1);
-	if (!color) return void 0;
+	if (!color) return;
 	const def = getMode(color.mode);
 	if (!def.serialize || typeof def.serialize === "string") {
 		let res = `color(${def.serialize || `--${color.mode}`} `;
@@ -3367,7 +3364,6 @@ const formatCss = (c$1) => {
 		return res + ")";
 	}
 	if (typeof def.serialize === "function") return def.serialize(color);
-	return void 0;
 };
 const formatHex = (c$1) => serializeHex(rgb$2(c$1));
 const formatHex8 = (c$1) => serializeHex8(rgb$2(c$1));
@@ -3405,7 +3401,7 @@ function clampGamut(mode = "rgb") {
 	const inDestGamut = inGamut(destMode);
 	return (color) => {
 		const original = _prepare_default(color);
-		if (!original) return void 0;
+		if (!original) return;
 		const converted = destConv(original);
 		if (inDestGamut(converted)) return original;
 		const clamped = fixup_rgb(converted);
@@ -3424,7 +3420,7 @@ function toGamut(dest = "rgb", mode = "oklch", delta = differenceEuclidean("oklc
 	if (!ranges.l || !ranges.c) throw new Error("LCH-like space expected");
 	return (color) => {
 		color = _prepare_default(color);
-		if (color === void 0) return void 0;
+		if (color === void 0) return;
 		const candidate = { ...ucs(color) };
 		if (candidate.l === void 0) candidate.l = 0;
 		if (candidate.c === void 0) candidate.c = 0;
@@ -3460,7 +3456,7 @@ function toGamut(dest = "rgb", mode = "oklch", delta = differenceEuclidean("oklc
 }
 
 //#endregion
-//#region ../token-tools/dist/string-BwN3ybNv.js
+//#region ../token-tools/dist/string-Dpqb78jQ.js
 const HEX_RE = /^#?([0-9a-f]{8}|[0-9a-f]{6}|[0-9a-f]{4}|[0-9a-f]{3})$/i;
 const CULORI_TO_CSS = {
 	a98: "a98-rgb",
@@ -3516,14 +3512,13 @@ function parseColor(color) {
 		case "p3":
 		case "prophoto":
 		case "lrgb":
-		case "rgb": {
+		case "rgb":
 			components = [
 				result.r,
 				result.g,
 				result.b
 			];
 			break;
-		}
 		case "hsl": {
 			const maxS = COLORSPACE[colorSpace].ranges[1]?.[1] ?? 1;
 			const maxL = COLORSPACE[colorSpace].ranges[2]?.[1] ?? 1;
@@ -3546,40 +3541,36 @@ function parseColor(color) {
 		}
 		case "lab":
 		case "lab65":
-		case "oklab": {
+		case "oklab":
 			components = [
 				result.l,
 				result.a,
 				result.b
 			];
 			break;
-		}
 		case "lch":
-		case "oklch": {
+		case "oklch":
 			components = [
 				result.l,
 				result.c,
 				result.h ?? 0
 			];
 			break;
-		}
-		case "okhsv": {
+		case "okhsv":
 			components = [
 				result.h ?? 0,
 				result.s,
 				result.v
 			];
 			break;
-		}
 		case "xyz50":
-		case "xyz65": {
+		case "xyz65":
 			components = [
 				result.x,
 				result.y,
 				result.z
 			];
 			break;
-		}
 	}
 	const value = {
 		colorSpace,
@@ -3635,9 +3626,8 @@ function tokenToCulori(value) {
 		case "lab-d65":
 		case "oklab": {
 			const [l, a, b] = value.components;
-			const mode = value.colorSpace === "lab-d65" ? "lab65" : value.colorSpace;
 			return {
-				mode,
+				mode: value.colorSpace === "lab-d65" ? "lab65" : value.colorSpace,
 				l,
 				a,
 				b,
@@ -3906,10 +3896,9 @@ function validateCustomTransform(value, { $type }) {
 	if (value) {
 		if (typeof value !== "string" && typeof value !== "object" || Array.isArray(value)) throw new Error(`transform(): expected string or Object of strings, received ${Array.isArray(value) ? "Array" : typeof value}`);
 		switch ($type) {
-			case "typography": {
+			case "typography":
 				if (typeof value !== "object") throw new Error("transform(): typography tokens must be an object of keys");
 				break;
-			}
 		}
 	}
 }
@@ -4159,9 +4148,8 @@ function transformShadowLayer(value, options) {
 	const offsetY = partialAliasOf?.offsetY ? transformAlias(tokensSet[partialAliasOf.offsetY]) : transformDimension({ $value: value.offsetY }, options);
 	const blur = partialAliasOf?.blur ? transformAlias(tokensSet[partialAliasOf.blur]) : transformDimension({ $value: value.blur }, options);
 	const spread = partialAliasOf?.spread ? transformAlias(tokensSet[partialAliasOf.spread]) : transformDimension({ $value: value.spread }, options);
-	const inset = value?.inset === true ? "inset" : void 0;
 	return [
-		inset,
+		value?.inset === true ? "inset" : void 0,
 		offsetX,
 		offsetY,
 		blur,
@@ -4214,28 +4202,23 @@ function transformTypography(token, options) {
 			const resolvedToken = tokensSet[aliasedID];
 			transformedValue = transformAlias(resolvedToken.$type === "typography" ? { id: `${aliasedID}-${property}` } : resolvedToken);
 		} else switch (property) {
-			case "fontFamily": {
+			case "fontFamily":
 				transformedValue = transformFontFamily({ $value: subvalue }, options);
 				break;
-			}
 			case "fontSize":
-			case "letterSpacing": {
+			case "letterSpacing":
 				transformedValue = transformDimension({ $value: subvalue }, options);
 				break;
-			}
-			case "fontWeight": {
+			case "fontWeight":
 				transformedValue = transformFontWeight({ $value: subvalue }, options);
 				break;
-			}
-			case "lineHeight": {
+			case "lineHeight":
 				if (typeof subvalue === "number") transformedValue = transformNumber({ $value: subvalue }, options);
 				else transformedValue = transformDimension({ $value: subvalue }, options);
 				break;
-			}
-			default: {
+			default:
 				transformedValue = transformString({ $value: subvalue }, options);
 				break;
-			}
 		}
 		output[kebabCase(property)] = transformedValue;
 	}
@@ -4354,17 +4337,16 @@ function generateUtilityCSS(groups, tokens) {
 			break;
 		}
 		switch (group) {
-			case "bg": {
+			case "bg":
 				for (const token of matchingTokens) {
 					const selector = makeSelector(token, "bg");
 					switch (token.token.$type) {
-						case "color": {
+						case "color":
 							output.push({
 								selectors: [selector],
 								declarations: { "background-color": makeVarValue(token) }
 							});
 							break;
-						}
 						case "gradient": output.push({
 							selectors: [selector],
 							declarations: { "background-image": { value: `linear-gradient(${makeCSSVar(token.localID ?? token.token.id, { wrapVar: true })})` } }
@@ -4372,8 +4354,7 @@ function generateUtilityCSS(groups, tokens) {
 					}
 				}
 				break;
-			}
-			case "border": {
+			case "border":
 				for (const token of matchingTokens) {
 					const property = {
 						border: "border",
@@ -4404,8 +4385,7 @@ function generateUtilityCSS(groups, tokens) {
 					});
 				}
 				break;
-			}
-			case "font": {
+			case "font":
 				for (const token of matchingTokens) {
 					const selector = makeSelector(token, "font");
 					if (token.token.$type === "typography" && token.type === "MULTI_VALUE") {
@@ -4428,7 +4408,6 @@ function generateUtilityCSS(groups, tokens) {
 					}
 				}
 				break;
-			}
 			case "layout": {
 				const filteredTokens = matchingTokens.filter((t) => t.token.$type === "dimension");
 				for (const token of filteredTokens) output.push({
@@ -4487,26 +4466,24 @@ function generateUtilityCSS(groups, tokens) {
 				}
 				break;
 			}
-			case "shadow": {
+			case "shadow":
 				for (const token of matchingTokens) if (token.token.$type === "shadow") output.push({
 					selectors: [makeSelector(token, "shadow")],
 					declarations: { "box-shadow": makeVarValue(token) }
 				});
 				break;
-			}
-			case "text": {
+			case "text":
 				for (const token of matchingTokens) {
 					const selector = makeSelector(token, "text");
 					const value = makeVarValue(token);
 					switch (token.token.$type) {
-						case "color": {
+						case "color":
 							output.push({
 								selectors: [selector],
 								declarations: { color: value }
 							});
 							break;
-						}
-						case "gradient": {
+						case "gradient":
 							output.push({
 								selectors: [selector],
 								declarations: {
@@ -4516,15 +4493,12 @@ function generateUtilityCSS(groups, tokens) {
 								}
 							});
 							break;
-						}
 					}
 				}
 				break;
-			}
-			default: {
+			default:
 				console.warn(`[@terrazzo/plugin-css] unknown utility CSS group "${group}", ignoring`);
 				break;
-			}
 		}
 	}
 	return output;
@@ -4534,7 +4508,7 @@ function generateUtilityCSS(groups, tokens) {
 //#region src/build/index.ts
 const P3_MQ = "@media (color-gamut: p3)";
 const REC2020_MQ = "@media (color-gamut: rec2020)";
-function buildFormat({ getTransforms, exclude, utility, modeSelectors, baseSelector }) {
+function buildFormat({ getTransforms, exclude, utility, modeSelectors, baseSelector, baseScheme }) {
 	const rules = [];
 	const rootTokens = getTransforms({
 		format: FORMAT_ID,
@@ -4557,6 +4531,7 @@ function buildFormat({ getTransforms, exclude, utility, modeSelectors, baseSelec
 		};
 		rules.push(rootRule, p3Rule, rec2020Rule);
 		const shouldExclude = wildcardMatch(exclude ?? []);
+		if (baseScheme) rootRule.declarations["color-scheme"] = { value: baseScheme };
 		for (const token of rootTokens) {
 			if (shouldExclude(token.token.id)) continue;
 			const localID = token.localID ?? token.token.id;
@@ -4609,7 +4584,7 @@ function buildFormat({ getTransforms, exclude, utility, modeSelectors, baseSelec
 			}
 		}
 	}
-	for (const { selectors, tokens, mode } of modeSelectors ?? []) {
+	for (const { selectors, tokens, mode, scheme } of modeSelectors ?? []) {
 		if (!selectors.length) continue;
 		const selectorTokens = getTransforms({
 			format: FORMAT_ID,
@@ -4633,6 +4608,7 @@ function buildFormat({ getTransforms, exclude, utility, modeSelectors, baseSelec
 		};
 		const selectorAliasDeclarations = {};
 		rules.push(selectorRule, selectorP3Rule, selectorRec2020Rule);
+		if (scheme) selectorRule.declarations["color-scheme"] = { value: scheme };
 		for (const token of selectorTokens) {
 			const localID = token.localID ?? token.token.id;
 			const aliasTokens = token.token.aliasedBy?.length ? getTransforms({
@@ -4702,7 +4678,7 @@ function buildFormat({ getTransforms, exclude, utility, modeSelectors, baseSelec
 //#endregion
 //#region src/index.ts
 function cssPlugin(options) {
-	const { exclude, variableName, modeSelectors, transform: customTransform, utility, legacyHex, skipBuild } = options ?? {};
+	const { exclude, variableName, modeSelectors, transform: customTransform, utility, legacyHex, skipBuild, baseScheme } = options ?? {};
 	const filename = options?.filename ?? options?.fileName ?? "index.css";
 	const baseSelector = options?.baseSelector ?? ":root";
 	function transformName(token) {
@@ -4717,12 +4693,11 @@ function cssPlugin(options) {
 	return {
 		name: "@terrazzo/plugin-css",
 		async transform({ tokens, getTransforms, setTransform }) {
-			const cssTokens = getTransforms({
+			if (getTransforms({
 				format: FORMAT_ID,
 				id: "*",
 				mode: "*"
-			});
-			if (cssTokens.length) return;
+			}).length) return;
 			for (const [id, token] of Object.entries(tokens)) {
 				const localID = transformName(token);
 				for (const mode of Object.keys(token.mode)) {
@@ -4762,7 +4737,8 @@ function cssPlugin(options) {
 				getTransforms,
 				modeSelectors,
 				utility,
-				baseSelector
+				baseSelector,
+				baseScheme
 			}), "\n");
 			outputFile(filename, output.join("\n"));
 		}