@terrazzo/plugin-tailwind 0.1.0 → 0.2.1

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # @terrazzo/plugin-tailwind
 
+## 0.2.1
+
+### Patch Changes
+
+- [#502](https://github.com/terrazzoapp/terrazzo/pull/502) [`c9792bd`](https://github.com/terrazzoapp/terrazzo/commit/c9792bdef27aa2edab3f9f74b37a794f0a14da59) Thanks [@drwpow](https://github.com/drwpow)! - Fix bug in parsing LAB colors
+
+- [#502](https://github.com/terrazzoapp/terrazzo/pull/502) [`c9792bd`](https://github.com/terrazzoapp/terrazzo/commit/c9792bdef27aa2edab3f9f74b37a794f0a14da59) Thanks [@drwpow](https://github.com/drwpow)! - Add support for lab65 colors (not technically part of CSS Module 4 spec, but a nice convenience)
+
+- Updated dependencies [[`c9792bd`](https://github.com/terrazzoapp/terrazzo/commit/c9792bdef27aa2edab3f9f74b37a794f0a14da59), [`c9792bd`](https://github.com/terrazzoapp/terrazzo/commit/c9792bdef27aa2edab3f9f74b37a794f0a14da59)]:
+  - @terrazzo/token-tools@0.9.1
+  - @terrazzo/cli@0.9.1
+  - @terrazzo/plugin-css@0.9.1
+
+## 0.2.0
+
+### Minor Changes
+
+- [#497](https://github.com/terrazzoapp/terrazzo/pull/497) [`9b80fd4`](https://github.com/terrazzoapp/terrazzo/commit/9b80fd4edd1198021d8e309483e8cd8551fe79dc) Thanks [@bschlenk](https://github.com/bschlenk)! - - potential 5x speedup for @terrazzo/plugin-css
+  - removed isTokenMatch from @terrazzo/token-tools
+
+### Patch Changes
+
+- Updated dependencies [[`9b80fd4`](https://github.com/terrazzoapp/terrazzo/commit/9b80fd4edd1198021d8e309483e8cd8551fe79dc)]:
+  - @terrazzo/cli@0.9.0
+  - @terrazzo/plugin-css@0.9.0
+  - @terrazzo/token-tools@0.9.0
+
 ## 0.1.0
 
 ### Minor Changes

package/dist/index.js

@@ -231,28 +231,28 @@ const modes = {};
 const parsers = [];
 const colorProfiles = {};
 const identity = (v) => v;
-const useMode = (definition$15) => {
-	converters$1[definition$15.mode] = {
-		...converters$1[definition$15.mode],
-		...definition$15.toMode
+const useMode = (definition$16) => {
+	converters$1[definition$16.mode] = {
+		...converters$1[definition$16.mode],
+		...definition$16.toMode
 	};
-	Object.keys(definition$15.fromMode || {}).forEach((k$2) => {
-		if (!converters$1[k$2]) converters$1[k$2] = {};
-		converters$1[k$2][definition$15.mode] = definition$15.fromMode[k$2];
+	Object.keys(definition$16.fromMode || {}).forEach((k$3) => {
+		if (!converters$1[k$3]) converters$1[k$3] = {};
+		converters$1[k$3][definition$16.mode] = definition$16.fromMode[k$3];
 	});
-	if (!definition$15.ranges) definition$15.ranges = {};
-	if (!definition$15.difference) definition$15.difference = {};
-	definition$15.channels.forEach((channel) => {
-		if (definition$15.ranges[channel] === void 0) definition$15.ranges[channel] = [0, 1];
-		if (!definition$15.interpolate[channel]) throw new Error(`Missing interpolator for: ${channel}`);
-		if (typeof definition$15.interpolate[channel] === "function") definition$15.interpolate[channel] = { use: definition$15.interpolate[channel] };
-		if (!definition$15.interpolate[channel].fixup) definition$15.interpolate[channel].fixup = identity;
+	if (!definition$16.ranges) definition$16.ranges = {};
+	if (!definition$16.difference) definition$16.difference = {};
+	definition$16.channels.forEach((channel) => {
+		if (definition$16.ranges[channel] === void 0) definition$16.ranges[channel] = [0, 1];
+		if (!definition$16.interpolate[channel]) throw new Error(`Missing interpolator for: ${channel}`);
+		if (typeof definition$16.interpolate[channel] === "function") definition$16.interpolate[channel] = { use: definition$16.interpolate[channel] };
+		if (!definition$16.interpolate[channel].fixup) definition$16.interpolate[channel].fixup = identity;
 	});
-	modes[definition$15.mode] = definition$15;
-	(definition$15.parse || []).forEach((parser) => {
-		useParser(parser, definition$15.mode);
+	modes[definition$16.mode] = definition$16;
+	(definition$16.parse || []).forEach((parser) => {
+		useParser(parser, definition$16.mode);
 	});
-	return converter_default(definition$15.mode);
+	return converter_default(definition$16.mode);
 };
 const getMode = (mode) => modes[mode];
 const useParser = (parser, mode) => {
@@ -567,7 +567,7 @@ const fixupAlpha = (arr) => {
 	});
 	return some_defined ? res : arr;
 };
-const definition$14 = {
+const definition$15 = {
 	mode: "rgb",
 	channels: [
 		"r",
@@ -605,7 +605,7 @@ const definition$14 = {
 		b: 0
 	}
 };
-var definition_default$12 = definition$14;
+var definition_default$13 = definition$15;
 const linearize$2 = (v = 0) => Math.pow(Math.abs(v), 563 / 256) * Math.sign(v);
 const convertA98ToXyz65 = (a98) => {
 	let r$1 = linearize$2(a98.r);
@@ -636,7 +636,7 @@ const convertXyz65ToA98 = ({ x, y, z, alpha }) => {
 	return res;
 };
 var convertXyz65ToA98_default = convertXyz65ToA98;
-const fn$2 = (c$1 = 0) => {
+const fn$3 = (c$1 = 0) => {
 	const abs = Math.abs(c$1);
 	if (abs <= .04045) return c$1 / 12.92;
 	return (Math.sign(c$1) || 1) * Math.pow((abs + .055) / 1.055, 2.4);
@@ -644,9 +644,9 @@ const fn$2 = (c$1 = 0) => {
 const convertRgbToLrgb = ({ r: r$1, g, b, alpha }) => {
 	let res = {
 		mode: "lrgb",
-		r: fn$2(r$1),
-		g: fn$2(g),
-		b: fn$2(b)
+		r: fn$3(r$1),
+		g: fn$3(g),
+		b: fn$3(b)
 	};
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
@@ -664,7 +664,7 @@ const convertRgbToXyz65 = (rgb$2) => {
 	return res;
 };
 var convertRgbToXyz65_default = convertRgbToXyz65;
-const fn$1 = (c$1 = 0) => {
+const fn$2 = (c$1 = 0) => {
 	const abs = Math.abs(c$1);
 	if (abs > .0031308) return (Math.sign(c$1) || 1) * (1.055 * Math.pow(abs, 1 / 2.4) - .055);
 	return c$1 * 12.92;
@@ -672,9 +672,9 @@ const fn$1 = (c$1 = 0) => {
 const convertLrgbToRgb = ({ r: r$1, g, b, alpha }, mode = "rgb") => {
 	let res = {
 		mode,
-		r: fn$1(r$1),
-		g: fn$1(g),
-		b: fn$1(b)
+		r: fn$2(r$1),
+		g: fn$2(g),
+		b: fn$2(b)
 	};
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
@@ -693,8 +693,8 @@ const convertXyz65ToRgb = ({ x, y, z, alpha }) => {
 	return res;
 };
 var convertXyz65ToRgb_default = convertXyz65ToRgb;
-const definition$13 = {
-	...definition_default$12,
+const definition$14 = {
+	...definition_default$13,
 	mode: "a98",
 	parse: ["a98-rgb"],
 	serialize: "a98-rgb",
@@ -707,7 +707,7 @@ const definition$13 = {
 		xyz65: convertA98ToXyz65_default
 	}
 };
-var definition_default = definition$13;
+var definition_default = definition$14;
 const normalizeHue = (hue$2) => (hue$2 = hue$2 % 360) < 0 ? hue$2 + 360 : hue$2;
 var normalizeHue_default = normalizeHue;
 function convertHslToRgb({ h, s, l, alpha }) {
@@ -827,12 +827,12 @@ function parseHsl(color, parsed) {
 	return res;
 }
 var parseHsl_default = parseHsl;
-const hue = (hues, fn$3) => {
+const hue = (hues, fn$4) => {
 	return hues.map((hue$2, idx, arr) => {
 		if (hue$2 === void 0) return hue$2;
 		let normalized = normalizeHue_default(hue$2);
 		if (idx === 0 || hues[idx - 1] === void 0) return normalized;
-		return fn$3(normalized - normalizeHue_default(arr[idx - 1]));
+		return fn$4(normalized - normalizeHue_default(arr[idx - 1]));
 	}).reduce((acc, curr) => {
 		if (!acc.length || curr === void 0 || acc[acc.length - 1] === void 0) {
 			acc.push(curr);
@@ -879,7 +879,7 @@ const averageAngle = (val) => {
 	let angle = Math.atan2(sum.sin, sum.cos) * 180 / Math.PI;
 	return angle < 0 ? 360 + angle : angle;
 };
-const definition$12 = {
+const definition$13 = {
 	mode: "hsl",
 	toMode: { rgb: convertHslToRgb },
 	fromMode: { rgb: convertRgbToHsl },
@@ -908,24 +908,24 @@ const definition$12 = {
 	difference: { h: differenceHueSaturation },
 	average: { h: averageAngle }
 };
-var definition_default$1 = definition$12;
+var definition_default$1 = definition$13;
 function convertHsvToRgb({ h, s, v, alpha }) {
 	h = normalizeHue_default(h !== void 0 ? h : 0);
 	if (s === void 0) s = 0;
 	if (v === void 0) v = 0;
-	let f$1 = Math.abs(h / 60 % 2 - 1);
+	let f$2 = Math.abs(h / 60 % 2 - 1);
 	let res;
 	switch (Math.floor(h / 60)) {
 		case 0:
 			res = {
 				r: v,
-				g: v * (1 - s * f$1),
+				g: v * (1 - s * f$2),
 				b: v * (1 - s)
 			};
 			break;
 		case 1:
 			res = {
-				r: v * (1 - s * f$1),
+				r: v * (1 - s * f$2),
 				g: v,
 				b: v * (1 - s)
 			};
@@ -934,19 +934,19 @@ function convertHsvToRgb({ h, s, v, alpha }) {
 			res = {
 				r: v * (1 - s),
 				g: v,
-				b: v * (1 - s * f$1)
+				b: v * (1 - s * f$2)
 			};
 			break;
 		case 3:
 			res = {
 				r: v * (1 - s),
-				g: v * (1 - s * f$1),
+				g: v * (1 - s * f$2),
 				b: v
 			};
 			break;
 		case 4:
 			res = {
-				r: v * (1 - s * f$1),
+				r: v * (1 - s * f$2),
 				g: v * (1 - s),
 				b: v
 			};
@@ -955,7 +955,7 @@ function convertHsvToRgb({ h, s, v, alpha }) {
 			res = {
 				r: v,
 				g: v * (1 - s),
-				b: v * (1 - s * f$1)
+				b: v * (1 - s * f$2)
 			};
 			break;
 		default: res = {
@@ -982,7 +982,7 @@ function convertRgbToHsv({ r: r$1, g, b, alpha }) {
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
 }
-const definition$11 = {
+const definition$12 = {
 	mode: "hsv",
 	toMode: { rgb: convertHsvToRgb },
 	parse: ["--hsv"],
@@ -1011,7 +1011,7 @@ const definition$11 = {
 	difference: { h: differenceHueSaturation },
 	average: { h: averageAngle }
 };
-var definition_default$2 = definition$11;
+var definition_default$2 = definition$12;
 function convertHwbToRgb({ h, w, b, alpha }) {
 	if (w === void 0) w = 0;
 	if (b === void 0) b = 0;
@@ -1061,7 +1061,7 @@ function ParseHwb(color, parsed) {
 	return res;
 }
 var parseHwb_default = ParseHwb;
-const definition$10 = {
+const definition$11 = {
 	mode: "hwb",
 	toMode: { rgb: convertHwbToRgb },
 	fromMode: { rgb: convertRgbToHwb },
@@ -1090,9 +1090,9 @@ const definition$10 = {
 	difference: { h: differenceHueNaive },
 	average: { h: averageAngle }
 };
-var definition_default$3 = definition$10;
-const k = Math.pow(29, 3) / Math.pow(3, 3);
-const e = Math.pow(6, 3) / Math.pow(29, 3);
+var definition_default$3 = definition$11;
+const k$1 = Math.pow(29, 3) / Math.pow(3, 3);
+const e$1 = Math.pow(6, 3) / Math.pow(29, 3);
 const D50 = {
 	X: .3457 / .3585,
 	Y: 1,
@@ -1103,9 +1103,9 @@ const D65 = {
 	Y: 1,
 	Z: .3583 / .329
 };
-const k$1 = Math.pow(29, 3) / Math.pow(3, 3);
-const e$1 = Math.pow(6, 3) / Math.pow(29, 3);
-let fn = (v) => Math.pow(v, 3) > e ? Math.pow(v, 3) : (116 * v - 16) / k;
+const k$2 = Math.pow(29, 3) / Math.pow(3, 3);
+const e$2 = Math.pow(6, 3) / Math.pow(29, 3);
+let fn$1 = (v) => Math.pow(v, 3) > e$1 ? Math.pow(v, 3) : (116 * v - 16) / k$1;
 const convertLabToXyz50 = ({ l, a, b, alpha }) => {
 	if (l === void 0) l = 0;
 	if (a === void 0) a = 0;
@@ -1115,9 +1115,9 @@ const convertLabToXyz50 = ({ l, a, b, alpha }) => {
 	let fz = fy - b / 200;
 	let res = {
 		mode: "xyz50",
-		x: fn(fx) * D50.X,
-		y: fn(fy) * D50.Y,
-		z: fn(fz) * D50.Z
+		x: fn$1(fx) * D50.X,
+		y: fn$1(fy) * D50.Y,
+		z: fn$1(fz) * D50.Z
 	};
 	if (alpha !== void 0) res.alpha = alpha;
 	return res;
@@ -1150,14 +1150,14 @@ const convertRgbToXyz50 = (rgb$2) => {
 	return res;
 };
 var convertRgbToXyz50_default = convertRgbToXyz50;
-const f = (value) => value > e ? Math.cbrt(value) : (k * value + 16) / 116;
+const f$1 = (value) => value > e$1 ? Math.cbrt(value) : (k$1 * value + 16) / 116;
 const convertXyz50ToLab = ({ x, y, z, alpha }) => {
 	if (x === void 0) x = 0;
 	if (y === void 0) y = 0;
 	if (z === void 0) z = 0;
-	let f0 = f(x / D50.X);
-	let f1 = f(y / D50.Y);
-	let f2 = f(z / D50.Z);
+	let f0 = f$1(x / D50.X);
+	let f1 = f$1(y / D50.Y);
+	let f2 = f$1(z / D50.Z);
 	let res = {
 		mode: "lab",
 		l: 116 * f1 - 16,
@@ -1186,7 +1186,7 @@ function parseLab(color, parsed) {
 	return res;
 }
 var parseLab_default = parseLab;
-const definition$9 = {
+const definition$10 = {
 	mode: "lab",
 	toMode: {
 		xyz50: convertLabToXyz50_default,
@@ -1219,7 +1219,73 @@ const definition$9 = {
 		}
 	}
 };
-var definition_default$4 = definition$9;
+var definition_default$4 = definition$10;
+const k = Math.pow(29, 3) / Math.pow(3, 3);
+const e = Math.pow(6, 3) / Math.pow(29, 3);
+let fn = (v) => Math.pow(v, 3) > e ? Math.pow(v, 3) : (116 * v - 16) / k;
+const convertLab65ToXyz65 = ({ l, a, b, alpha }) => {
+	if (l === void 0) l = 0;
+	if (a === void 0) a = 0;
+	if (b === void 0) b = 0;
+	let fy = (l + 16) / 116;
+	let fx = a / 500 + fy;
+	let fz = fy - b / 200;
+	let res = {
+		mode: "xyz65",
+		x: fn(fx) * D65.X,
+		y: fn(fy) * D65.Y,
+		z: fn(fz) * D65.Z
+	};
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertLab65ToXyz65_default = convertLab65ToXyz65;
+const convertLab65ToRgb = (lab) => convertXyz65ToRgb_default(convertLab65ToXyz65_default(lab));
+var convertLab65ToRgb_default = convertLab65ToRgb;
+const f = (value) => value > e ? Math.cbrt(value) : (k * value + 16) / 116;
+const convertXyz65ToLab65 = ({ x, y, z, alpha }) => {
+	if (x === void 0) x = 0;
+	if (y === void 0) y = 0;
+	if (z === void 0) z = 0;
+	let f0 = f(x / D65.X);
+	let f1 = f(y / D65.Y);
+	let f2 = f(z / D65.Z);
+	let res = {
+		mode: "lab65",
+		l: 116 * f1 - 16,
+		a: 500 * (f0 - f1),
+		b: 200 * (f1 - f2)
+	};
+	if (alpha !== void 0) res.alpha = alpha;
+	return res;
+};
+var convertXyz65ToLab65_default = convertXyz65ToLab65;
+const convertRgbToLab65 = (rgb$2) => {
+	let res = convertXyz65ToLab65_default(convertRgbToXyz65_default(rgb$2));
+	if (rgb$2.r === rgb$2.b && rgb$2.b === rgb$2.g) res.a = res.b = 0;
+	return res;
+};
+var convertRgbToLab65_default = convertRgbToLab65;
+const definition$9 = {
+	...definition_default$4,
+	mode: "lab65",
+	parse: ["--lab-d65"],
+	serialize: "--lab-d65",
+	toMode: {
+		xyz65: convertLab65ToXyz65_default,
+		rgb: convertLab65ToRgb_default
+	},
+	fromMode: {
+		xyz65: convertXyz65ToLab65_default,
+		rgb: convertRgbToLab65_default
+	},
+	ranges: {
+		l: [0, 100],
+		a: [-86.182, 98.234],
+		b: [-107.86, 94.477]
+	}
+};
+var definition_default$5 = definition$9;
 const convertLabToLch = ({ l, a, b, alpha }, mode = "lch") => {
 	if (a === void 0) a = 0;
 	if (b === void 0) b = 0;
@@ -1301,16 +1367,16 @@ const definition$8 = {
 	difference: { h: differenceHueChroma },
 	average: { h: averageAngle }
 };
-var definition_default$5 = definition$8;
+var definition_default$6 = definition$8;
 const definition$7 = {
-	...definition_default$12,
+	...definition_default$13,
 	mode: "lrgb",
 	toMode: { rgb: convertLrgbToRgb_default },
 	fromMode: { rgb: convertRgbToLrgb_default },
 	parse: ["srgb-linear"],
 	serialize: "srgb-linear"
 };
-var definition_default$6 = definition$7;
+var definition_default$7 = definition$7;
 const convertOklabToLrgb = ({ l, a, b, alpha }) => {
 	if (l === void 0) l = 0;
 	if (a === void 0) a = 0;
@@ -1384,7 +1450,7 @@ const definition$6 = {
 	parse: [parseOklab_default],
 	serialize: (c$1) => `oklab(${c$1.l !== void 0 ? c$1.l : "none"} ${c$1.a !== void 0 ? c$1.a : "none"} ${c$1.b !== void 0 ? c$1.b : "none"}${c$1.alpha < 1 ? ` / ${c$1.alpha}` : ""})`
 };
-var definition_default$7 = definition$6;
+var definition_default$8 = definition$6;
 function parseOklch(color, parsed) {
 	if (!parsed || parsed[0] !== "oklch") return void 0;
 	const res = { mode: "oklch" };
@@ -1403,7 +1469,7 @@ function parseOklch(color, parsed) {
 }
 var parseOklch_default = parseOklch;
 const definition$5 = {
-	...definition_default$5,
+	...definition_default$6,
 	mode: "oklch",
 	toMode: {
 		oklab: (c$1) => convertLchToLab_default(c$1, "oklab"),
@@ -1421,7 +1487,7 @@ const definition$5 = {
 		h: [0, 360]
 	}
 };
-var definition_default$8 = definition$5;
+var definition_default$9 = definition$5;
 const convertP3ToXyz65 = (rgb$2) => {
 	let { r: r$1, g, b, alpha } = convertRgbToLrgb_default(rgb$2);
 	let res = {
@@ -1448,7 +1514,7 @@ const convertXyz65ToP3 = ({ x, y, z, alpha }) => {
 };
 var convertXyz65ToP3_default = convertXyz65ToP3;
 const definition$4 = {
-	...definition_default$12,
+	...definition_default$13,
 	mode: "p3",
 	parse: ["display-p3"],
 	serialize: "display-p3",
@@ -1461,7 +1527,7 @@ const definition$4 = {
 		xyz65: convertP3ToXyz65_default
 	}
 };
-var definition_default$9 = definition$4;
+var definition_default$10 = definition$4;
 const gamma$1 = (v) => {
 	let abs = Math.abs(v);
 	if (abs >= 1 / 512) return Math.sign(v) * Math.pow(abs, 1 / 1.8);
@@ -1501,7 +1567,7 @@ const convertProphotoToXyz50 = (prophoto) => {
 };
 var convertProphotoToXyz50_default = convertProphotoToXyz50;
 const definition$3 = {
-	...definition_default$12,
+	...definition_default$13,
 	mode: "prophoto",
 	parse: ["prophoto-rgb"],
 	serialize: "prophoto-rgb",
@@ -1514,7 +1580,7 @@ const definition$3 = {
 		rgb: (color) => convertXyz50ToRgb_default(convertProphotoToXyz50_default(color))
 	}
 };
-var definition_default$10 = definition$3;
+var definition_default$11 = definition$3;
 const α$1 = 1.09929682680944;
 const β$1 = .018053968510807;
 const gamma = (v) => {
@@ -1558,7 +1624,7 @@ const convertRec2020ToXyz65 = (rec2020) => {
 };
 var convertRec2020ToXyz65_default = convertRec2020ToXyz65;
 const definition$2 = {
-	...definition_default$12,
+	...definition_default$13,
 	mode: "rec2020",
 	fromMode: {
 		xyz65: convertXyz65ToRec2020_default,
@@ -1571,7 +1637,7 @@ const definition$2 = {
 	parse: ["rec2020"],
 	serialize: "rec2020"
 };
-var definition_default$11 = definition$2;
+var definition_default$12 = definition$2;
 const definition$1 = {
 	mode: "xyz50",
 	parse: ["xyz-d50"],
@@ -1605,7 +1671,7 @@ const definition$1 = {
 		}
 	}
 };
-var definition_default$13 = definition$1;
+var definition_default$14 = definition$1;
 const convertXyz65ToXyz50 = (xyz65) => {
 	let { x, y, z, alpha } = xyz65;
 	if (x === void 0) x = 0;
@@ -1669,7 +1735,7 @@ const definition = {
 		}
 	}
 };
-var definition_default$14 = definition;
+var definition_default$15 = definition;
 const r = (value, precision) => Math.round(value * (precision = Math.pow(10, precision))) / precision;
 const round = (precision = 4) => (value) => typeof value === "number" ? r(value, precision) : value;
 var round_default = round;
@@ -1683,16 +1749,17 @@ const converters = {
 	hsv: useMode(definition_default$2),
 	hwb: useMode(definition_default$3),
 	lab: useMode(definition_default$4),
-	lch: useMode(definition_default$5),
-	lrgb: useMode(definition_default$6),
-	oklab: useMode(definition_default$7),
-	oklch: useMode(definition_default$8),
-	p3: useMode(definition_default$9),
-	prophoto: useMode(definition_default$10),
-	rec2020: useMode(definition_default$11),
-	rgb: useMode(definition_default$12),
-	xyz50: useMode(definition_default$13),
-	xyz65: useMode(definition_default$14)
+	lab65: useMode(definition_default$5),
+	lch: useMode(definition_default$6),
+	lrgb: useMode(definition_default$7),
+	oklab: useMode(definition_default$8),
+	oklch: useMode(definition_default$9),
+	p3: useMode(definition_default$10),
+	prophoto: useMode(definition_default$11),
+	rec2020: useMode(definition_default$12),
+	rgb: useMode(definition_default$13),
+	xyz50: useMode(definition_default$14),
+	xyz65: useMode(definition_default$15)
 };
 const FORMAT_ID$1 = "css";
 
@@ -1736,22 +1803,25 @@ function pluginTailwind(options) {
 			}, ...options?.modeVariants ?? []];
 			for (const { variant, mode } of variants) {
 				const flatTheme = flattenThemeObj(options.theme);
-				for (const { path, value } of flatTheme) for (const token of getTransforms({
-					format: FORMAT_ID$1,
-					id: value,
-					mode
-				})) {
-					let relName = token.id.split(".").at(-1);
-					for (const subgroup of [...Array.isArray(value) ? value : [value]]) {
-						const match = subgroup.replace(/\*.*/, "");
-						relName = token.id.replace(match, "");
-					}
-					setTransform(token.id, {
-						format: FORMAT_ID,
-						localID: `--${path.join("-")}-${relName.replace(/\./g, "-")}`,
-						value: typeof token.value === "object" ? token.value["."] : token.value,
-						mode: variant
+				for (const { path, value } of flatTheme) {
+					const tokens = getTransforms({
+						format: FORMAT_ID$1,
+						id: value,
+						mode
 					});
+					for (const token of tokens) {
+						let relName = token.id.split(".").at(-1);
+						for (const subgroup of [...Array.isArray(value) ? value : [value]]) {
+							const match = subgroup.replace(/\*.*/, "");
+							relName = token.id.replace(match, "");
+						}
+						setTransform(token.id, {
+							format: FORMAT_ID,
+							localID: `--${path.join("-")}-${relName.replace(/\./g, "-")}`,
+							value: typeof token.value === "object" ? token.value["."] : token.value,
+							mode: variant
+						});
+					}
 				}
 			}
 		},