@weapp-tailwindcss/postcss 3.0.7 → 3.0.8

package/dist/index.mjs

@@ -2,7 +2,7 @@ import { n as creator, t as CSS_MACRO_POSTCSS_PLUGIN_NAME } from "./postcss-BebU
 import postcssHtmlTransform from "./html-transform.mjs";
 import "./types.mjs";
 import { createRequire } from "node:module";
-import postcss, { Declaration, Rule, default as postcss$1 } from "postcss";
+import postcss, { Declaration, Rule, rule, default as postcss$1 } from "postcss";
 import valueParser from "postcss-value-parser";
 import path from "node:path";
 import process$1 from "node:process";
@@ -4520,7 +4520,7 @@ function replaceComponentValues(n, r) {
 }
 const Q$1 = new Set(J.keys());
 //#endregion
-//#region ../../node_modules/.pnpm/@csstools+css-color-parser@4.1.1_@csstools+css-parser-algorithms@4.0.0_@csstools+css-to_402b4b31fb8b001854d943f6a3e18a48/node_modules/@csstools/css-color-parser/dist/index.mjs
+//#region ../../node_modules/.pnpm/@csstools+css-color-parser@4.1.7_@csstools+css-parser-algorithms@4.0.0_@csstools+css-to_c606082c5a5fca873f2359b96c9c8c0e/node_modules/@csstools/css-color-parser/dist/index.mjs
 var he, me;
 function convertNaNToZero(e) {
 	return [
@@ -4616,7 +4616,7 @@ function colorData_to_XYZ_D50(e) {
 })(he || (he = {})), function(e) {
 	e.ColorKeyword = "color-keyword", e.HasAlpha = "has-alpha", e.HasDimensionValues = "has-dimension-values", e.HasNoneKeywords = "has-none-keywords", e.HasNumberValues = "has-number-values", e.HasPercentageAlpha = "has-percentage-alpha", e.HasPercentageValues = "has-percentage-values", e.HasVariableAlpha = "has-variable-alpha", e.Hex = "hex", e.LegacyHSL = "legacy-hsl", e.LegacyRGB = "legacy-rgb", e.NamedColor = "named-color", e.RelativeColorSyntax = "relative-color-syntax", e.ColorMix = "color-mix", e.ColorMixVariadic = "color-mix-variadic", e.ContrastColor = "contrast-color", e.RelativeAlphaSyntax = "relative-alpha-syntax", e.Experimental = "experimental";
 }(me || (me = {}));
-const pe = new Set([
+const Ne = new Set([
 	he.A98_RGB,
 	he.Display_P3,
 	he.Linear_Display_P3,
@@ -4630,6 +4630,7 @@ const pe = new Set([
 	he.XYZ_D65
 ]);
 function colorDataTo(e, a) {
+	(e = { ...e }).channels = convertPowerlessComponentsToMissingComponents(e.channels, e.colorNotation);
 	const n = { ...e };
 	if (e.colorNotation !== a) {
 		const e = colorData_to_XYZ_D50(n);
@@ -4695,7 +4696,7 @@ function colorDataTo(e, a) {
 		1,
 		2
 	], []);
-	else if (pe.has(a) && pe.has(e.colorNotation)) n.channels = carryForwardMissingComponents(e.channels, [
+	else if (Ne.has(a) && Ne.has(e.colorNotation)) n.channels = carryForwardMissingComponents(e.channels, [
 		0,
 		1,
 		2
@@ -4804,7 +4805,7 @@ function colorDataTo(e, a) {
 			break;
 		default: n.channels = carryForwardMissingComponents(e.channels, [], [], n.channels, [], []);
 	}
-	return n.channels = convertPowerlessComponentsToMissingComponents(n.channels, a), n;
+	return n;
 }
 function convertPowerlessComponentsToMissingComponents(e, a) {
 	const n = [...e];
@@ -4844,16 +4845,16 @@ function convertPowerlessComponentsToZeroValuesForDisplay(e, a) {
 	}
 	return n;
 }
-function carryForwardMissingComponents(e, a, n, r, o, l) {
+function carryForwardMissingComponents(e, a, n, r, o, t) {
 	if (a.length < 3 && e.every(Number.isNaN)) return [
 		NaN,
 		NaN,
 		NaN
 	];
-	const t = [...r];
-	for (let n = 0; n < a.length; n++) Number.isNaN(e[a[n]]) && (t[o[n]] = NaN);
-	if (n.length && n.every((a) => Number.isNaN(e[a]))) for (let e = 0; e < l.length; e++) t[l[e]] = NaN;
-	return t;
+	const l = [...r];
+	for (let n = 0; n < a.length; n++) Number.isNaN(e[a[n]]) && (l[o[n]] = NaN);
+	if (n.length && n.every((a) => Number.isNaN(e[a]))) for (let e = 0; e < t.length; e++) l[t[e]] = NaN;
+	return l;
 }
 function normalizeRelativeColorDataChannels(e) {
 	const a = /* @__PURE__ */ new Map();
@@ -4940,43 +4941,43 @@ function colorDataFitsDisplayP3_Gamut(e) {
 function normalize(e, a, n, r) {
 	return Math.min(Math.max(e / a, n), r);
 }
-const Ne = /[A-Z]/g;
+const pe = /[A-Z]/g;
 function toLowerCaseAZ(e) {
-	return e.replace(Ne, (e) => String.fromCharCode(e.charCodeAt(0) + 32));
+	return e.replace(pe, (e) => String.fromCharCode(e.charCodeAt(0) + 32));
 }
-function normalize_Color_ChannelValues(l, t, s) {
-	if (isTokenIdent(l) && "none" === toLowerCaseAZ(l[4].value)) return s.syntaxFlags.add(me.HasNoneKeywords), [
+function normalize_Color_ChannelValues(t, l, s) {
+	if (isTokenIdent(t) && "none" === toLowerCaseAZ(t[4].value)) return s.syntaxFlags.add(me.HasNoneKeywords), [
 		c$7.Number,
 		"none",
-		l[2],
-		l[3],
+		t[2],
+		t[3],
 		{
 			value: NaN,
 			type: a$8.Number
 		}
 	];
-	if (isTokenPercentage(l)) {
-		3 !== t && s.syntaxFlags.add(me.HasPercentageValues);
-		let n = normalize(l[4].value, 100, -2147483647, 2147483647);
-		return 3 === t && (n = normalize(l[4].value, 100, 0, 1)), [
+	if (isTokenPercentage(t)) {
+		3 !== l && s.syntaxFlags.add(me.HasPercentageValues);
+		let n = normalize(t[4].value, 100, -2147483647, 2147483647);
+		return 3 === l && (n = normalize(t[4].value, 100, 0, 1)), [
 			c$7.Number,
 			n.toString(),
-			l[2],
-			l[3],
+			t[2],
+			t[3],
 			{
 				value: n,
 				type: a$8.Number
 			}
 		];
 	}
-	if (isTokenNumber(l)) {
-		3 !== t && s.syntaxFlags.add(me.HasNumberValues);
-		let n = normalize(l[4].value, 1, -2147483647, 2147483647);
-		return 3 === t && (n = normalize(l[4].value, 1, 0, 1)), [
+	if (isTokenNumber(t)) {
+		3 !== l && s.syntaxFlags.add(me.HasNumberValues);
+		let n = normalize(t[4].value, 1, -2147483647, 2147483647);
+		return 3 === l && (n = normalize(t[4].value, 1, 0, 1)), [
 			c$7.Number,
 			n.toString(),
-			l[2],
-			l[3],
+			t[2],
+			t[3],
 			{
 				value: n,
 				type: a$8.Number
@@ -4999,8 +5000,8 @@ const be = new Set([
 ]);
 function color$1(e, a) {
 	const r = [], s = [], u = [], i = [];
-	let c, h, m = !1, p = !1;
-	const N = {
+	let c, h, m = !1, N = !1;
+	const p = {
 		colorNotation: he.sRGB,
 		channels: [
 			0,
@@ -5012,19 +5013,19 @@ function color$1(e, a) {
 	};
 	let b = r;
 	for (let o = 0; o < e.value.length; o++) {
-		let g = e.value[o];
-		if (isWhitespaceNode(g) || isCommentNode(g)) for (; isWhitespaceNode(e.value[o + 1]) || isCommentNode(e.value[o + 1]);) o++;
-		else if (b === r && r.length && (b = s), b === s && s.length && (b = u), isTokenNode(g) && isTokenDelim(g.value) && "/" === g.value[4].value) {
+		let v = e.value[o];
+		if (isWhitespaceNode(v) || isCommentNode(v)) for (; isWhitespaceNode(e.value[o + 1]) || isCommentNode(e.value[o + 1]);) o++;
+		else if (b === r && r.length && (b = s), b === s && s.length && (b = u), isTokenNode(v) && isTokenDelim(v.value) && "/" === v.value[4].value) {
 			if (b === i) return !1;
 			b = i;
 		} else {
-			if (isFunctionNode(g)) {
-				if (b === i && "var" === toLowerCaseAZ(g.getName())) {
-					N.syntaxFlags.add(me.HasVariableAlpha), b.push(g);
+			if (isFunctionNode(v)) {
+				if (b === i && "var" === toLowerCaseAZ(v.getName())) {
+					p.syntaxFlags.add(me.HasVariableAlpha), b.push(v);
 					continue;
 				}
-				if (!Q$1.has(toLowerCaseAZ(g.getName()))) return !1;
-				const [[e]] = calcFromComponentValues([[g]], {
+				if (!Q$1.has(toLowerCaseAZ(v.getName()))) return !1;
+				const [[e]] = calcFromComponentValues([[v]], {
 					censorIntoStandardRepresentableValues: !0,
 					globals: h,
 					precision: -1,
@@ -5032,24 +5033,24 @@ function color$1(e, a) {
 					rawPercentages: !0
 				});
 				if (!e || !isTokenNode(e) || !isTokenNumeric(e.value)) return !1;
-				Number.isNaN(e.value[4].value) && (e.value[4].value = 0), g = e;
+				Number.isNaN(e.value[4].value) && (e.value[4].value = 0), v = e;
 			}
-			if (b === r && 0 === r.length && isTokenNode(g) && isTokenIdent(g.value) && be.has(toLowerCaseAZ(g.value[4].value))) {
+			if (b === r && 0 === r.length && isTokenNode(v) && isTokenIdent(v.value) && be.has(toLowerCaseAZ(v.value[4].value))) {
 				if (m) return !1;
-				m = toLowerCaseAZ(g.value[4].value), N.colorNotation = colorSpaceNameToColorNotation(m), p && (p.colorNotation !== N.colorNotation && (p = colorDataTo(p, N.colorNotation)), c = normalizeRelativeColorDataChannels(p), h = noneToZeroInRelativeColorDataChannels(c));
-			} else if (b === r && 0 === r.length && isTokenNode(g) && isTokenIdent(g.value) && "from" === toLowerCaseAZ(g.value[4].value)) {
-				if (p) return !1;
+				m = toLowerCaseAZ(v.value[4].value), p.colorNotation = colorSpaceNameToColorNotation(m), N && (N.colorNotation !== p.colorNotation && (N = colorDataTo(N, p.colorNotation)), c = normalizeRelativeColorDataChannels(N), h = noneToZeroInRelativeColorDataChannels(c));
+			} else if (b === r && 0 === r.length && isTokenNode(v) && isTokenIdent(v.value) && "from" === toLowerCaseAZ(v.value[4].value)) {
+				if (N) return !1;
 				if (m) return !1;
 				for (; isWhitespaceNode(e.value[o + 1]) || isCommentNode(e.value[o + 1]);) o++;
-				if (o++, g = e.value[o], p = a(g), !1 === p) return !1;
-				p.syntaxFlags.has(me.Experimental) && N.syntaxFlags.add(me.Experimental), N.syntaxFlags.add(me.RelativeColorSyntax);
+				if (o++, v = e.value[o], N = a(v), !1 === N) return !1;
+				N.syntaxFlags.has(me.Experimental) && p.syntaxFlags.add(me.Experimental), p.syntaxFlags.add(me.RelativeColorSyntax);
 			} else {
-				if (!isTokenNode(g)) return !1;
-				if (isTokenIdent(g.value) && c && c.has(toLowerCaseAZ(g.value[4].value))) {
-					b.push(new TokenNode(c.get(toLowerCaseAZ(g.value[4].value))));
+				if (!isTokenNode(v)) return !1;
+				if (isTokenIdent(v.value) && c && c.has(toLowerCaseAZ(v.value[4].value))) {
+					b.push(new TokenNode(c.get(toLowerCaseAZ(v.value[4].value))));
 					continue;
 				}
-				b.push(g);
+				b.push(v);
 			}
 		}
 	}
@@ -5058,32 +5059,32 @@ function color$1(e, a) {
 	if (1 !== r.length || 1 !== s.length || 1 !== u.length) return !1;
 	if (!isTokenNode(r[0]) || !isTokenNode(s[0]) || !isTokenNode(u[0])) return !1;
 	if (c && !c.has("alpha")) return !1;
-	const g = normalize_Color_ChannelValues(r[0].value, 0, N);
-	if (!g || !isTokenNumber(g)) return !1;
-	const v = normalize_Color_ChannelValues(s[0].value, 1, N);
+	const v = normalize_Color_ChannelValues(r[0].value, 0, p);
 	if (!v || !isTokenNumber(v)) return !1;
-	const f = normalize_Color_ChannelValues(u[0].value, 2, N);
+	const f = normalize_Color_ChannelValues(s[0].value, 1, p);
 	if (!f || !isTokenNumber(f)) return !1;
+	const g = normalize_Color_ChannelValues(u[0].value, 2, p);
+	if (!g || !isTokenNumber(g)) return !1;
 	const y = [
-		g,
 		v,
-		f
+		f,
+		g
 	];
-	if (1 === i.length) if (N.syntaxFlags.add(me.HasAlpha), isTokenNode(i[0])) {
-		const e = normalize_Color_ChannelValues(i[0].value, 3, N);
+	if (1 === i.length) if (p.syntaxFlags.add(me.HasAlpha), isTokenNode(i[0])) {
+		const e = normalize_Color_ChannelValues(i[0].value, 3, p);
 		if (!e || !isTokenNumber(e)) return !1;
 		y.push(e);
-	} else N.alpha = i[0];
+	} else p.alpha = i[0];
 	else if (c && c.has("alpha")) {
-		const e = normalize_Color_ChannelValues(c.get("alpha"), 3, N);
+		const e = normalize_Color_ChannelValues(c.get("alpha"), 3, p);
 		if (!e || !isTokenNumber(e)) return !1;
 		y.push(e);
 	}
-	return N.channels = [
+	return p.channels = [
 		y[0][4].value,
 		y[1][4].value,
 		y[2][4].value
-	], 4 === y.length && (N.alpha = y[3][4].value), N;
+	], 4 === y.length && (p.alpha = y[3][4].value), p;
 }
 function colorSpaceNameToColorNotation(e) {
 	switch (e) {
@@ -5100,7 +5101,7 @@ function colorSpaceNameToColorNotation(e) {
 		default: throw new Error("Unknown color space name: " + e);
 	}
 }
-const ge = new Set([
+const ve = new Set([
 	"srgb",
 	"srgb-linear",
 	"display-p3",
@@ -5113,19 +5114,19 @@ const ge = new Set([
 	"xyz",
 	"xyz-d50",
 	"xyz-d65"
-]), ve = new Set([
+]), fe = new Set([
 	"hsl",
 	"hwb",
 	"lch",
 	"oklch"
-]), fe = new Set([
+]), ge = new Set([
 	"shorter",
 	"longer",
 	"increasing",
 	"decreasing"
 ]);
 function colorMix(e, a) {
-	let r = null, o = null, l = null, t = !1;
+	let r = null, o = null, t = null, l = !1;
 	for (let u = 0; u < e.value.length; u++) {
 		const i = e.value[u];
 		if (!isWhiteSpaceOrCommentNode(i)) {
@@ -5139,36 +5140,36 @@ function colorMix(e, a) {
 					o = toLowerCaseAZ(i.value[4].value);
 					continue;
 				}
-				if (r && o && !l && ve.has(o)) {
-					l = toLowerCaseAZ(i.value[4].value);
+				if (r && o && !t && fe.has(o)) {
+					t = toLowerCaseAZ(i.value[4].value);
 					continue;
 				}
-				if (r && o && l && !t && "hue" === toLowerCaseAZ(i.value[4].value)) {
-					t = !0;
+				if (r && o && t && !l && "hue" === toLowerCaseAZ(i.value[4].value)) {
+					l = !0;
 					continue;
 				}
 				return !1;
 			}
-			return !(!isTokenNode(i) || !isTokenComma(i.value)) && !!o && (l || t ? !!(l && t && ve.has(o) && fe.has(l)) && colorMixPolar(o, l, colorMixComponents(e.value.slice(u + 1), a)) : ge.has(o) ? colorMixRectangular(o, colorMixComponents(e.value.slice(u + 1), a)) : !!ve.has(o) && colorMixPolar(o, "shorter", colorMixComponents(e.value.slice(u + 1), a)));
+			return !(!isTokenNode(i) || !isTokenComma(i.value)) && !!o && (t || l ? !!(t && l && fe.has(o) && ge.has(t)) && colorMixPolar(o, t, colorMixComponents(e.value.slice(u + 1), a)) : ve.has(o) ? colorMixRectangular(o, colorMixComponents(e.value.slice(u + 1), a)) : !!fe.has(o) && colorMixPolar(o, "shorter", colorMixComponents(e.value.slice(u + 1), a)));
 		}
 	}
 	return !1;
 }
 function colorMixComponents(e, a) {
 	const n = [];
-	let o = 1, l = !1, u = !1;
-	for (let o = 0; o < e.length; o++) {
-		let i = e[o];
+	let o = !1, t = !1;
+	for (let u = 0; u < e.length; u++) {
+		let i = e[u];
 		if (!isWhiteSpaceOrCommentNode(i)) {
 			if (!isTokenNode(i) || !isTokenComma(i.value)) {
-				if (!l) {
+				if (!o) {
 					const e = a(i);
 					if (e) {
-						l = e;
+						o = e;
 						continue;
 					}
 				}
-				if (!u) {
+				if (!t) {
 					if (isFunctionNode(i) && Q$1.has(toLowerCaseAZ(i.getName()))) {
 						if ([[i]] = calcFromComponentValues([[i]], {
 							censorIntoStandardRepresentableValues: !0,
@@ -5179,242 +5180,202 @@ function colorMixComponents(e, a) {
 						Number.isNaN(i.value[4].value) && (i.value[4].value = 0);
 					}
 					if (isTokenNode(i) && isTokenPercentage(i.value) && i.value[4].value >= 0) {
-						u = i.value[4].value;
+						t = i.value[4].value;
 						continue;
 					}
 				}
 				return !1;
 			}
-			if (!l) return !1;
+			if (!o) return !1;
 			n.push({
-				color: l,
-				percentage: u
-			}), l = !1, u = !1;
+				color: o,
+				percentage: t
+			}), o = !1, t = !1;
 		}
 	}
-	if (!l) return !1;
-	n.push({
-		color: l,
-		percentage: u
-	});
-	let i = 0, c = 0;
-	for (let e = 0; e < n.length; e++) {
-		const a = n[e].percentage;
-		if (!1 !== a) {
-			if (a < 0 || a > 100) return !1;
-			i += a;
-		} else c++;
-	}
-	const h = Math.max(0, 100 - i);
-	i = 0;
-	for (let e = 0; e < n.length; e++) !1 === n[e].percentage && (n[e].percentage = h / c), i += n[e].percentage;
-	if (0 === i) return {
-		colors: [{
-			color: {
-				channels: [
-					0,
-					0,
-					0
-				],
-				colorNotation: he.sRGB,
-				alpha: 0,
-				syntaxFlags: /* @__PURE__ */ new Set()
-			},
-			percentage: 0
-		}],
-		alphaMultiplier: 0
-	};
-	if (i > 100) for (let e = 0; e < n.length; e++) {
-		let a = n[e].percentage;
-		a = a / i * 100, n[e].percentage = a;
-	}
-	if (i < 100) {
-		o = i / 100;
-		for (let e = 0; e < n.length; e++) {
-			let a = n[e].percentage;
-			a = a / i * 100, n[e].percentage = a;
-		}
-	}
-	return {
-		colors: n,
-		alphaMultiplier: o
-	};
+	return !!o && (n.push({
+		color: o,
+		percentage: t
+	}), n);
 }
 function colorMixRectangular(e, a) {
-	if (!a || !a.colors.length) return !1;
-	const n = a.colors.slice();
-	let r;
-	switch (n.reverse(), e) {
+	if (!a || !a.length) return !1;
+	for (const e of a) if (e.percentage && (e.percentage < 0 || e.percentage > 100)) return !1;
+	const { items: n, leftover: r } = normalizeMixPercentages(a, !0), o = 1 - r / 100;
+	let t;
+	switch (e) {
 		case "srgb":
-			r = he.RGB;
+			t = he.RGB;
 			break;
 		case "srgb-linear":
-			r = he.Linear_sRGB;
+			t = he.Linear_sRGB;
 			break;
 		case "display-p3":
-			r = he.Display_P3;
+			t = he.Display_P3;
 			break;
 		case "display-p3-linear":
-			r = he.Linear_Display_P3;
+			t = he.Linear_Display_P3;
 			break;
 		case "a98-rgb":
-			r = he.A98_RGB;
+			t = he.A98_RGB;
 			break;
 		case "prophoto-rgb":
-			r = he.ProPhoto_RGB;
+			t = he.ProPhoto_RGB;
 			break;
 		case "rec2020":
-			r = he.Rec2020;
+			t = he.Rec2020;
 			break;
 		case "lab":
-			r = he.Lab;
+			t = he.Lab;
 			break;
 		case "oklab":
-			r = he.OKLab;
+			t = he.OKLab;
 			break;
 		case "xyz-d50":
-			r = he.XYZ_D50;
+			t = he.XYZ_D50;
 			break;
 		case "xyz":
 		case "xyz-d65":
-			r = he.XYZ_D65;
+			t = he.XYZ_D65;
 			break;
 		default: return !1;
 	}
 	if (1 === n.length) {
-		const e = colorDataTo(n[0].color, r);
-		return e.colorNotation = r, e.syntaxFlags.add(me.ColorMixVariadic), "number" != typeof e.alpha ? !1 : (e.alpha = e.alpha * a.alphaMultiplier, e);
+		const e = colorDataTo(n[0].color, t);
+		return e.colorNotation = t, e.syntaxFlags.add(me.ColorMixVariadic), "number" != typeof e.alpha ? !1 : (e.alpha = e.alpha * o, e);
 	}
-	for (; n.length >= 2;) {
+	for (n.reverse(); n.length >= 2;) {
 		const e = n.pop(), a = n.pop();
 		if (!e || !a) return !1;
-		const o = colorMixRectangularPair(r, e.color, e.percentage, a.color, a.percentage);
-		if (!o) return !1;
+		const r = e.percentage + a.percentage, o = r > 0 ? a.percentage / r : .5, l = colorMixRectangularPair(t, e.color, a.color, o);
+		if (!l) return !1;
 		n.push({
-			color: o,
-			percentage: e.percentage + a.percentage
+			color: l,
+			percentage: r
 		});
 	}
-	const o = n[0]?.color;
-	return !!o && (a.colors.some((e) => e.color.syntaxFlags.has(me.Experimental)) && o.syntaxFlags.add(me.Experimental), "number" == typeof o.alpha && (o.alpha = o.alpha * a.alphaMultiplier, 2 !== a.colors.length && o.syntaxFlags.add(me.ColorMixVariadic), o));
+	const l = n[0]?.color;
+	return !!l && "number" == typeof l.alpha && (l.alpha = l.alpha * o, a.some((e) => e.color.syntaxFlags.has(me.Experimental)) && l.syntaxFlags.add(me.Experimental), 2 !== a.length && l.syntaxFlags.add(me.ColorMixVariadic), l);
 }
-function colorMixRectangularPair(e, a, n, r, o) {
-	const l = n / (n + o);
-	let t = a.alpha;
+function colorMixRectangularPair(e, a, n, r) {
+	let o = a.alpha;
+	if ("number" != typeof o) return !1;
+	let t = n.alpha;
 	if ("number" != typeof t) return !1;
-	let s = r.alpha;
-	if ("number" != typeof s) return !1;
-	t = Number.isNaN(t) ? s : t, s = Number.isNaN(s) ? t : s;
-	const u = colorDataTo(a, e).channels, i = colorDataTo(r, e).channels;
-	u[0] = fillInMissingComponent(u[0], i[0]), i[0] = fillInMissingComponent(i[0], u[0]), u[1] = fillInMissingComponent(u[1], i[1]), i[1] = fillInMissingComponent(i[1], u[1]), u[2] = fillInMissingComponent(u[2], i[2]), i[2] = fillInMissingComponent(i[2], u[2]), u[0] = premultiply(u[0], t), u[1] = premultiply(u[1], t), u[2] = premultiply(u[2], t), i[0] = premultiply(i[0], s), i[1] = premultiply(i[1], s), i[2] = premultiply(i[2], s);
-	const c = interpolate(t, s, l);
+	o = Number.isNaN(o) ? t : o, t = Number.isNaN(t) ? o : t;
+	const l = colorDataTo(a, e).channels, s = colorDataTo(n, e).channels;
+	l[0] = fillInMissingComponent(l[0], s[0]), s[0] = fillInMissingComponent(s[0], l[0]), l[1] = fillInMissingComponent(l[1], s[1]), s[1] = fillInMissingComponent(s[1], l[1]), l[2] = fillInMissingComponent(l[2], s[2]), s[2] = fillInMissingComponent(s[2], l[2]), l[0] = premultiply(l[0], o), l[1] = premultiply(l[1], o), l[2] = premultiply(l[2], o), s[0] = premultiply(s[0], t), s[1] = premultiply(s[1], t), s[2] = premultiply(s[2], t);
+	const u = interpolate(o, t, r);
 	return {
 		colorNotation: e,
 		channels: [
-			un_premultiply(interpolate(u[0], i[0], l), c),
-			un_premultiply(interpolate(u[1], i[1], l), c),
-			un_premultiply(interpolate(u[2], i[2], l), c)
+			un_premultiply(interpolate(l[0], s[0], r), u),
+			un_premultiply(interpolate(l[1], s[1], r), u),
+			un_premultiply(interpolate(l[2], s[2], r), u)
 		],
-		alpha: c,
+		alpha: u,
 		syntaxFlags: new Set([me.ColorMix])
 	};
 }
 function colorMixPolar(e, a, n) {
-	if (!n || !n.colors.length) return !1;
-	const r = n.colors.slice();
-	let o;
-	switch (r.reverse(), e) {
+	if (!n || !n.length) return !1;
+	for (const e of n) if (e.percentage && (e.percentage < 0 || e.percentage > 100)) return !1;
+	const { items: r, leftover: o } = normalizeMixPercentages(n, !0), t = 1 - o / 100;
+	let l;
+	switch (e) {
 		case "hsl":
-			o = he.HSL;
+			l = he.HSL;
 			break;
 		case "hwb":
-			o = he.HWB;
+			l = he.HWB;
 			break;
 		case "lch":
-			o = he.LCH;
+			l = he.LCH;
 			break;
 		case "oklch":
-			o = he.OKLCH;
+			l = he.OKLCH;
 			break;
 		default: return !1;
 	}
 	if (1 === r.length) {
-		const e = colorDataTo(r[0].color, o);
-		return e.colorNotation = o, e.syntaxFlags.add(me.ColorMixVariadic), "number" != typeof e.alpha ? !1 : (e.alpha = e.alpha * n.alphaMultiplier, e);
+		const e = colorDataTo(r[0].color, l);
+		return e.colorNotation = l, e.syntaxFlags.add(me.ColorMixVariadic), "number" != typeof e.alpha ? !1 : (e.alpha = e.alpha * t, e);
 	}
-	for (; r.length >= 2;) {
+	for (r.reverse(); r.length >= 2;) {
 		const e = r.pop(), n = r.pop();
 		if (!e || !n) return !1;
-		const l = colorMixPolarPair(o, a, e.color, e.percentage, n.color, n.percentage);
-		if (!l) return !1;
+		const o = e.percentage + n.percentage, t = o > 0 ? n.percentage / o : .5, s = colorMixPolarPair(l, a, e.color, n.color, t);
+		if (!s) return !1;
 		r.push({
-			color: l,
-			percentage: e.percentage + n.percentage
+			color: s,
+			percentage: o
 		});
 	}
-	const l = r[0]?.color;
-	return !!l && (n.colors.some((e) => e.color.syntaxFlags.has(me.Experimental)) && l.syntaxFlags.add(me.Experimental), "number" == typeof l.alpha && (l.alpha = l.alpha * n.alphaMultiplier, 2 !== n.colors.length && l.syntaxFlags.add(me.ColorMixVariadic), l));
-}
-function colorMixPolarPair(e, a, n, r, o, l) {
-	const t = r / (r + l);
-	let s = 0, u = 0, i = 0, c = 0, h = 0, m = 0, p = n.alpha;
-	if ("number" != typeof p) return !1;
-	let N = o.alpha;
-	if ("number" != typeof N) return !1;
-	p = Number.isNaN(p) ? N : p, N = Number.isNaN(N) ? p : N;
-	const b = colorDataTo(n, e).channels, g = colorDataTo(o, e).channels;
+	const s = r[0]?.color;
+	return !!s && "number" == typeof s.alpha && (s.alpha = s.alpha * t, n.some((e) => e.color.syntaxFlags.has(me.Experimental)) && s.syntaxFlags.add(me.Experimental), 2 !== n.length && s.syntaxFlags.add(me.ColorMixVariadic), s);
+}
+function colorMixPolarPair(e, a, n, r, o) {
+	let t = 0, l = 0, s = 0, u = 0, i = 0, c = 0, h = n.alpha;
+	if ("number" != typeof h) return !1;
+	let m = r.alpha;
+	if ("number" != typeof m) return !1;
+	h = Number.isNaN(h) ? m : h, m = Number.isNaN(m) ? h : m;
+	const N = colorDataTo(n, e).channels, p = colorDataTo(r, e).channels;
 	switch (e) {
 		case he.HSL:
 		case he.HWB:
-			s = b[0], u = g[0], i = b[1], c = g[1], h = b[2], m = g[2];
+			t = N[0], l = p[0], s = N[1], u = p[1], i = N[2], c = p[2];
 			break;
 		case he.LCH:
-		case he.OKLCH: i = b[0], c = g[0], h = b[1], m = g[1], s = b[2], u = g[2];
+		case he.OKLCH: s = N[0], u = p[0], i = N[1], c = p[1], t = N[2], l = p[2];
 	}
-	s = fillInMissingComponent(s, u), Number.isNaN(s) && (s = 0), u = fillInMissingComponent(u, s), Number.isNaN(u) && (u = 0), i = fillInMissingComponent(i, c), c = fillInMissingComponent(c, i), h = fillInMissingComponent(h, m), m = fillInMissingComponent(m, h);
-	const v = u - s;
-	switch (a) {
-		case "shorter":
-			v > 180 ? s += 360 : v < -180 && (u += 360);
-			break;
-		case "longer":
-			-180 < v && v < 180 && (v > 0 ? s += 360 : u += 360);
-			break;
-		case "increasing":
-			v < 0 && (u += 360);
-			break;
-		case "decreasing":
-			v > 0 && (s += 360);
-			break;
-		default: throw new Error("Unknown hue interpolation method");
+	if (s = fillInMissingComponent(s, u), u = fillInMissingComponent(u, s), i = fillInMissingComponent(i, c), c = fillInMissingComponent(c, i), t = fillInMissingComponent(t, l), l = fillInMissingComponent(l, t), Number.isNaN(t) && Number.isNaN(l));
+	else {
+		Number.isNaN(t) ? t = 0 : Number.isNaN(l) && (l = 0);
+		const e = l - t;
+		switch (a) {
+			case "shorter":
+				e > 180 ? t += 360 : e < -180 && (l += 360);
+				break;
+			case "longer":
+				-180 < e && e < 180 && (e > 0 ? t += 360 : l += 360);
+				break;
+			case "increasing":
+				e < 0 && (l += 360);
+				break;
+			case "decreasing":
+				e > 0 && (t += 360);
+				break;
+			default: throw new Error("Unknown hue interpolation method");
+		}
 	}
-	i = premultiply(i, p), h = premultiply(h, p), c = premultiply(c, N), m = premultiply(m, N);
-	let f = [
+	s = premultiply(s, h), i = premultiply(i, h), u = premultiply(u, m), c = premultiply(c, m);
+	let b = [
 		0,
 		0,
 		0
 	];
-	const y = interpolate(p, N, t);
+	const v = interpolate(h, m, o);
 	switch (e) {
 		case he.HSL:
 		case he.HWB:
-			f = [
-				interpolate(s, u, t),
-				un_premultiply(interpolate(i, c, t), y),
-				un_premultiply(interpolate(h, m, t), y)
+			b = [
+				interpolate(t, l, o),
+				un_premultiply(interpolate(s, u, o), v),
+				un_premultiply(interpolate(i, c, o), v)
 			];
 			break;
 		case he.LCH:
-		case he.OKLCH: f = [
-			un_premultiply(interpolate(i, c, t), y),
-			un_premultiply(interpolate(h, m, t), y),
-			interpolate(s, u, t)
+		case he.OKLCH: b = [
+			un_premultiply(interpolate(s, u, o), v),
+			un_premultiply(interpolate(i, c, o), v),
+			interpolate(t, l, o)
 		];
 	}
 	return {
 		colorNotation: e,
-		channels: f,
-		alpha: y,
+		channels: b,
+		alpha: v,
 		syntaxFlags: new Set([me.ColorMix])
 	};
 }
@@ -5422,7 +5383,7 @@ function fillInMissingComponent(e, a) {
 	return Number.isNaN(e) ? a : e;
 }
 function interpolate(e, a, n) {
-	return e * n + a * (1 - n);
+	return e * (1 - n) + a * n;
 }
 function premultiply(e, a) {
 	return Number.isNaN(a) ? e : Number.isNaN(e) ? NaN : e * a;
@@ -5430,6 +5391,21 @@ function premultiply(e, a) {
 function un_premultiply(e, a) {
 	return 0 === a || Number.isNaN(a) ? e : Number.isNaN(e) ? NaN : e / a;
 }
+function normalizeMixPercentages(e, a = !1) {
+	let n = 0, r = 0;
+	for (const a of e) a.percentage && (n += a.percentage), !1 === a.percentage && r++;
+	n = Math.min(100, n);
+	for (const a of e) !1 === a.percentage && (a.percentage = (100 - n) / r);
+	const o = e.slice();
+	let t = 0;
+	for (const e of o) t += e.percentage;
+	if (t > 100 || t > 0 && a) for (const e of o) e.percentage = e.percentage * (100 / t);
+	let l = 0;
+	return t < 100 && (l = 100 - t), {
+		items: o,
+		leftover: l
+	};
+}
 function hex(e) {
 	const a = toLowerCaseAZ(e[4].value);
 	if (a.match(/[^a-f0-9]/)) return !1;
@@ -5460,25 +5436,25 @@ function hex(e) {
 		], n;
 	}
 	if (4 === r) {
-		const e = a[0], r = a[1], o = a[2], l = a[3];
+		const e = a[0], r = a[1], o = a[2], t = a[3];
 		return n.channels = [
 			parseInt(e + e, 16) / 255,
 			parseInt(r + r, 16) / 255,
 			parseInt(o + o, 16) / 255
-		], n.alpha = parseInt(l + l, 16) / 255, n.syntaxFlags.add(me.HasAlpha), n;
+		], n.alpha = parseInt(t + t, 16) / 255, n.syntaxFlags.add(me.HasAlpha), n;
 	}
 	if (8 === r) {
-		const e = a[0] + a[1], r = a[2] + a[3], o = a[4] + a[5], l = a[6] + a[7];
+		const e = a[0] + a[1], r = a[2] + a[3], o = a[4] + a[5], t = a[6] + a[7];
 		return n.channels = [
 			parseInt(e, 16) / 255,
 			parseInt(r, 16) / 255,
 			parseInt(o, 16) / 255
-		], n.alpha = parseInt(l, 16) / 255, n.syntaxFlags.add(me.HasAlpha), n;
+		], n.alpha = parseInt(t, 16) / 255, n.syntaxFlags.add(me.HasAlpha), n;
 	}
 	return !1;
 }
 function normalizeHue(n) {
-	if (isTokenNumber(n)) return n[4].value = n[4].value % 360, n[1] = n[4].value.toString(), n;
+	if (isTokenNumber(n)) return Number.isNaN(n[4].value) || Number.isFinite(n[4].value) || (n[4].value = 0), n[4].value = n[4].value % 360, n[4].value < 0 && (n[4].value += 360), n[1] = n[4].value.toString(), n;
 	if (isTokenDimension(n)) {
 		let r = n[4].value;
 		switch (toLowerCaseAZ(n[4].unit)) {
@@ -5494,7 +5470,7 @@ function normalizeHue(n) {
 				break;
 			default: return !1;
 		}
-		return r %= 360, [
+		return Number.isNaN(n[4].value) || Number.isFinite(n[4].value) || (n[4].value = 0), r %= 360, r < 0 && (r += 360), [
 			c$7.Number,
 			r.toString(),
 			n[2],
@@ -5507,15 +5483,15 @@ function normalizeHue(n) {
 	}
 	return !1;
 }
-function normalize_legacy_HSL_ChannelValues(n, l, t) {
-	if (0 === l) {
+function normalize_legacy_HSL_ChannelValues(n, t, l) {
+	if (0 === t) {
 		const e = normalizeHue(n);
-		return !1 !== e && (isTokenDimension(n) && t.syntaxFlags.add(me.HasDimensionValues), e);
+		return !1 !== e && (isTokenDimension(n) && l.syntaxFlags.add(me.HasDimensionValues), e);
 	}
 	if (isTokenPercentage(n)) {
-		3 === l ? t.syntaxFlags.add(me.HasPercentageAlpha) : t.syntaxFlags.add(me.HasPercentageValues);
+		3 === t ? l.syntaxFlags.add(me.HasPercentageAlpha) : l.syntaxFlags.add(me.HasPercentageValues);
 		let r = normalize(n[4].value, 1, 0, 100);
-		return 3 === l && (r = normalize(n[4].value, 100, 0, 1)), [
+		return 3 === t && (r = normalize(n[4].value, 100, 0, 1)), [
 			c$7.Number,
 			r.toString(),
 			n[2],
@@ -5527,9 +5503,9 @@ function normalize_legacy_HSL_ChannelValues(n, l, t) {
 		];
 	}
 	if (isTokenNumber(n)) {
-		if (3 !== l) return !1;
+		if (3 !== t) return !1;
 		let r = normalize(n[4].value, 1, 0, 100);
-		return 3 === l && (r = normalize(n[4].value, 1, 0, 1)), [
+		return 3 === t && (r = normalize(n[4].value, 1, 0, 1)), [
 			c$7.Number,
 			r.toString(),
 			n[2],
@@ -5542,43 +5518,43 @@ function normalize_legacy_HSL_ChannelValues(n, l, t) {
 	}
 	return !1;
 }
-function normalize_modern_HSL_ChannelValues(l, t, s) {
-	if (isTokenIdent(l) && "none" === toLowerCaseAZ(l[4].value)) return s.syntaxFlags.add(me.HasNoneKeywords), [
+function normalize_modern_HSL_ChannelValues(t, l, s) {
+	if (isTokenIdent(t) && "none" === toLowerCaseAZ(t[4].value)) return s.syntaxFlags.add(me.HasNoneKeywords), [
 		c$7.Number,
 		"none",
-		l[2],
-		l[3],
+		t[2],
+		t[3],
 		{
 			value: NaN,
 			type: a$8.Number
 		}
 	];
-	if (0 === t) {
-		const e = normalizeHue(l);
-		return !1 !== e && (isTokenDimension(l) && s.syntaxFlags.add(me.HasDimensionValues), e);
+	if (0 === l) {
+		const e = normalizeHue(t);
+		return !1 !== e && (isTokenDimension(t) && s.syntaxFlags.add(me.HasDimensionValues), e);
 	}
-	if (isTokenPercentage(l)) {
-		3 === t ? s.syntaxFlags.add(me.HasPercentageAlpha) : s.syntaxFlags.add(me.HasPercentageValues);
-		let n = l[4].value;
-		return 3 === t ? n = normalize(l[4].value, 100, 0, 1) : 1 === t && (n = normalize(l[4].value, 1, 0, 2147483647)), [
+	if (isTokenPercentage(t)) {
+		3 === l ? s.syntaxFlags.add(me.HasPercentageAlpha) : s.syntaxFlags.add(me.HasPercentageValues);
+		let n = t[4].value;
+		return 3 === l ? n = normalize(t[4].value, 100, 0, 1) : 1 === l && (n = normalize(t[4].value, 1, 0, 2147483647)), [
 			c$7.Number,
 			n.toString(),
-			l[2],
-			l[3],
+			t[2],
+			t[3],
 			{
 				value: n,
 				type: a$8.Number
 			}
 		];
 	}
-	if (isTokenNumber(l)) {
-		3 !== t && s.syntaxFlags.add(me.HasNumberValues);
-		let n = l[4].value;
-		return 3 === t ? n = normalize(l[4].value, 1, 0, 1) : 1 === t && (n = normalize(l[4].value, 1, 0, 2147483647)), [
+	if (isTokenNumber(t)) {
+		3 !== l && s.syntaxFlags.add(me.HasNumberValues);
+		let n = t[4].value;
+		return 3 === l ? n = normalize(t[4].value, 1, 0, 1) : 1 === l && (n = normalize(t[4].value, 1, 0, 2147483647)), [
 			c$7.Number,
 			n.toString(),
-			l[2],
-			l[3],
+			t[2],
+			t[3],
 			{
 				value: n,
 				type: a$8.Number
@@ -5588,7 +5564,7 @@ function normalize_modern_HSL_ChannelValues(l, t, s) {
 	return !1;
 }
 function threeChannelLegacySyntax(e, a, n, r) {
-	const l = [], u = [], i = [], c = [], h = {
+	const t = [], u = [], i = [], c = [], h = {
 		colorNotation: n,
 		channels: [
 			0,
@@ -5598,12 +5574,12 @@ function threeChannelLegacySyntax(e, a, n, r) {
 		alpha: 1,
 		syntaxFlags: new Set(r)
 	};
-	let m = l;
+	let m = t;
 	for (let a = 0; a < e.value.length; a++) {
 		let n = e.value[a];
 		if (!isWhitespaceNode(n) && !isCommentNode(n)) {
 			if (isTokenNode(n) && isTokenComma(n.value)) {
-				if (m === l) {
+				if (m === t) {
 					m = u;
 					continue;
 				}
@@ -5637,34 +5613,34 @@ function threeChannelLegacySyntax(e, a, n, r) {
 		}
 	}
 	if (1 !== m.length) return !1;
-	if (1 !== l.length || 1 !== u.length || 1 !== i.length) return !1;
-	if (!isTokenNode(l[0]) || !isTokenNode(u[0]) || !isTokenNode(i[0])) return !1;
-	const p = a(l[0].value, 0, h);
-	if (!p || !isTokenNumber(p)) return !1;
-	const N = a(u[0].value, 1, h);
+	if (1 !== t.length || 1 !== u.length || 1 !== i.length) return !1;
+	if (!isTokenNode(t[0]) || !isTokenNode(u[0]) || !isTokenNode(i[0])) return !1;
+	const N = a(t[0].value, 0, h);
 	if (!N || !isTokenNumber(N)) return !1;
+	const p = a(u[0].value, 1, h);
+	if (!p || !isTokenNumber(p)) return !1;
 	const b = a(i[0].value, 2, h);
 	if (!b || !isTokenNumber(b)) return !1;
-	const g = [
-		p,
+	const v = [
 		N,
+		p,
 		b
 	];
 	if (1 === c.length) if (h.syntaxFlags.add(me.HasAlpha), isTokenNode(c[0])) {
 		const e = a(c[0].value, 3, h);
 		if (!e || !isTokenNumber(e)) return !1;
-		g.push(e);
+		v.push(e);
 	} else h.alpha = c[0];
 	return h.channels = [
-		g[0][4].value,
-		g[1][4].value,
-		g[2][4].value
-	], 4 === g.length && (h.alpha = g[3][4].value), h;
+		v[0][4].value,
+		v[1][4].value,
+		v[2][4].value
+	], 4 === v.length && (h.alpha = v[3][4].value), h;
 }
 function threeChannelSpaceSeparated(e, a, r, s, u) {
 	const i = [], c = [], h = [], m = [];
-	let p, N, b = !1;
-	const g = {
+	let N, p, b = !1;
+	const v = {
 		colorNotation: r,
 		channels: [
 			0,
@@ -5674,23 +5650,23 @@ function threeChannelSpaceSeparated(e, a, r, s, u) {
 		alpha: 1,
 		syntaxFlags: new Set(s)
 	};
-	let v = i;
+	let f = i;
 	for (let a = 0; a < e.value.length; a++) {
 		let o = e.value[a];
 		if (isWhitespaceNode(o) || isCommentNode(o)) for (; isWhitespaceNode(e.value[a + 1]) || isCommentNode(e.value[a + 1]);) a++;
-		else if (v === i && i.length && (v = c), v === c && c.length && (v = h), isTokenNode(o) && isTokenDelim(o.value) && "/" === o.value[4].value) {
-			if (v === m) return !1;
-			v = m;
+		else if (f === i && i.length && (f = c), f === c && c.length && (f = h), isTokenNode(o) && isTokenDelim(o.value) && "/" === o.value[4].value) {
+			if (f === m) return !1;
+			f = m;
 		} else {
 			if (isFunctionNode(o)) {
-				if (v === m && "var" === o.getName().toLowerCase()) {
-					g.syntaxFlags.add(me.HasVariableAlpha), v.push(o);
+				if (f === m && "var" === o.getName().toLowerCase()) {
+					v.syntaxFlags.add(me.HasVariableAlpha), f.push(o);
 					continue;
 				}
 				if (!Q$1.has(o.getName().toLowerCase())) return !1;
 				const [[e]] = calcFromComponentValues([[o]], {
 					censorIntoStandardRepresentableValues: !0,
-					globals: N,
+					globals: p,
 					precision: -1,
 					toCanonicalUnits: !0,
 					rawPercentages: !0
@@ -5698,54 +5674,54 @@ function threeChannelSpaceSeparated(e, a, r, s, u) {
 				if (!e || !isTokenNode(e) || !isTokenNumeric(e.value)) return !1;
 				Number.isNaN(e.value[4].value) && (e.value[4].value = 0), o = e;
 			}
-			if (v === i && 0 === i.length && isTokenNode(o) && isTokenIdent(o.value) && "from" === o.value[4].value.toLowerCase()) {
+			if (f === i && 0 === i.length && isTokenNode(o) && isTokenIdent(o.value) && "from" === o.value[4].value.toLowerCase()) {
 				if (b) return !1;
 				for (; isWhitespaceNode(e.value[a + 1]) || isCommentNode(e.value[a + 1]);) a++;
 				if (a++, o = e.value[a], b = u(o), !1 === b) return !1;
-				b.syntaxFlags.has(me.Experimental) && g.syntaxFlags.add(me.Experimental), g.syntaxFlags.add(me.RelativeColorSyntax), b.colorNotation !== r && (b = colorDataTo(b, r)), p = normalizeRelativeColorDataChannels(b), N = noneToZeroInRelativeColorDataChannels(p);
+				b.syntaxFlags.has(me.Experimental) && v.syntaxFlags.add(me.Experimental), v.syntaxFlags.add(me.RelativeColorSyntax), b.colorNotation !== r && (b = colorDataTo(b, r)), N = normalizeRelativeColorDataChannels(b), p = noneToZeroInRelativeColorDataChannels(N);
 			} else {
 				if (!isTokenNode(o)) return !1;
-				if (isTokenIdent(o.value) && p) {
+				if (isTokenIdent(o.value) && N) {
 					const e = o.value[4].value.toLowerCase();
-					if (p.has(e)) {
-						v.push(new TokenNode(p.get(e)));
+					if (N.has(e)) {
+						f.push(new TokenNode(N.get(e)));
 						continue;
 					}
 				}
-				v.push(o);
+				f.push(o);
 			}
 		}
 	}
-	if (1 !== v.length) return !1;
+	if (1 !== f.length) return !1;
 	if (1 !== i.length || 1 !== c.length || 1 !== h.length) return !1;
 	if (!isTokenNode(i[0]) || !isTokenNode(c[0]) || !isTokenNode(h[0])) return !1;
-	if (p && !p.has("alpha")) return !1;
-	const f = a(i[0].value, 0, g);
-	if (!f || !isTokenNumber(f)) return !1;
-	const y = a(c[0].value, 1, g);
+	if (N && !N.has("alpha")) return !1;
+	const g = a(i[0].value, 0, v);
+	if (!g || !isTokenNumber(g)) return !1;
+	const y = a(c[0].value, 1, v);
 	if (!y || !isTokenNumber(y)) return !1;
-	const d = a(h[0].value, 2, g);
+	const d = a(h[0].value, 2, v);
 	if (!d || !isTokenNumber(d)) return !1;
 	const _ = [
-		f,
+		g,
 		y,
 		d
 	];
-	if (1 === m.length) if (g.syntaxFlags.add(me.HasAlpha), isTokenNode(m[0])) {
-		const e = a(m[0].value, 3, g);
+	if (1 === m.length) if (v.syntaxFlags.add(me.HasAlpha), isTokenNode(m[0])) {
+		const e = a(m[0].value, 3, v);
 		if (!e || !isTokenNumber(e)) return !1;
 		_.push(e);
-	} else g.alpha = m[0];
-	else if (p && p.has("alpha")) {
-		const e = a(p.get("alpha"), 3, g);
+	} else v.alpha = m[0];
+	else if (N && N.has("alpha")) {
+		const e = a(N.get("alpha"), 3, v);
 		if (!e || !isTokenNumber(e)) return !1;
 		_.push(e);
 	}
-	return g.channels = [
+	return v.channels = [
 		_[0][4].value,
 		_[1][4].value,
 		_[2][4].value
-	], 4 === _.length && (g.alpha = _[3][4].value), g;
+	], 4 === _.length && (v.alpha = _[3][4].value), v;
 }
 function hsl(e, a) {
 	if (e.value.some((e) => isTokenNode(e) && isTokenComma(e.value))) {
@@ -5764,43 +5740,43 @@ function hslCommaSeparated(e) {
 function hslSpaceSeparated(e, a) {
 	return threeChannelSpaceSeparated(e, normalize_modern_HSL_ChannelValues, he.HSL, [], a);
 }
-function normalize_HWB_ChannelValues(l, t, s) {
-	if (isTokenIdent(l) && "none" === toLowerCaseAZ(l[4].value)) return s.syntaxFlags.add(me.HasNoneKeywords), [
+function normalize_HWB_ChannelValues(t, l, s) {
+	if (isTokenIdent(t) && "none" === toLowerCaseAZ(t[4].value)) return s.syntaxFlags.add(me.HasNoneKeywords), [
 		c$7.Number,
 		"none",
-		l[2],
-		l[3],
+		t[2],
+		t[3],
 		{
 			value: NaN,
 			type: a$8.Number
 		}
 	];
-	if (0 === t) {
-		const e = normalizeHue(l);
-		return !1 !== e && (isTokenDimension(l) && s.syntaxFlags.add(me.HasDimensionValues), e);
+	if (0 === l) {
+		const e = normalizeHue(t);
+		return !1 !== e && (isTokenDimension(t) && s.syntaxFlags.add(me.HasDimensionValues), e);
 	}
-	if (isTokenPercentage(l)) {
-		3 === t ? s.syntaxFlags.add(me.HasPercentageAlpha) : s.syntaxFlags.add(me.HasPercentageValues);
-		let n = l[4].value;
-		return 3 === t && (n = normalize(l[4].value, 100, 0, 1)), [
+	if (isTokenPercentage(t)) {
+		3 === l ? s.syntaxFlags.add(me.HasPercentageAlpha) : s.syntaxFlags.add(me.HasPercentageValues);
+		let n = t[4].value;
+		return 3 === l && (n = normalize(t[4].value, 100, 0, 1)), [
 			c$7.Number,
 			n.toString(),
-			l[2],
-			l[3],
+			t[2],
+			t[3],
 			{
 				value: n,
 				type: a$8.Number
 			}
 		];
 	}
-	if (isTokenNumber(l)) {
-		3 !== t && s.syntaxFlags.add(me.HasNumberValues);
-		let n = l[4].value;
-		return 3 === t && (n = normalize(l[4].value, 1, 0, 1)), [
+	if (isTokenNumber(t)) {
+		3 !== l && s.syntaxFlags.add(me.HasNumberValues);
+		let n = t[4].value;
+		return 3 === l && (n = normalize(t[4].value, 1, 0, 1)), [
 			c$7.Number,
 			n.toString(),
-			l[2],
-			l[3],
+			t[2],
+			t[3],
 			{
 				value: n,
 				type: a$8.Number
@@ -5809,39 +5785,39 @@ function normalize_HWB_ChannelValues(l, t, s) {
 	}
 	return !1;
 }
-function normalize_Lab_ChannelValues(l, t, s) {
-	if (isTokenIdent(l) && "none" === toLowerCaseAZ(l[4].value)) return s.syntaxFlags.add(me.HasNoneKeywords), [
+function normalize_Lab_ChannelValues(t, l, s) {
+	if (isTokenIdent(t) && "none" === toLowerCaseAZ(t[4].value)) return s.syntaxFlags.add(me.HasNoneKeywords), [
 		c$7.Number,
 		"none",
-		l[2],
-		l[3],
+		t[2],
+		t[3],
 		{
 			value: NaN,
 			type: a$8.Number
 		}
 	];
-	if (isTokenPercentage(l)) {
-		3 !== t && s.syntaxFlags.add(me.HasPercentageValues);
-		let n = normalize(l[4].value, 1, 0, 100);
-		return 1 === t || 2 === t ? n = normalize(l[4].value, .8, -2147483647, 2147483647) : 3 === t && (n = normalize(l[4].value, 100, 0, 1)), [
+	if (isTokenPercentage(t)) {
+		3 !== l && s.syntaxFlags.add(me.HasPercentageValues);
+		let n = normalize(t[4].value, 1, 0, 100);
+		return 1 === l || 2 === l ? n = normalize(t[4].value, .8, -2147483647, 2147483647) : 3 === l && (n = normalize(t[4].value, 100, 0, 1)), [
 			c$7.Number,
 			n.toString(),
-			l[2],
-			l[3],
+			t[2],
+			t[3],
 			{
 				value: n,
 				type: a$8.Number
 			}
 		];
 	}
-	if (isTokenNumber(l)) {
-		3 !== t && s.syntaxFlags.add(me.HasNumberValues);
-		let n = normalize(l[4].value, 1, 0, 100);
-		return 1 === t || 2 === t ? n = normalize(l[4].value, 1, -2147483647, 2147483647) : 3 === t && (n = normalize(l[4].value, 1, 0, 1)), [
+	if (isTokenNumber(t)) {
+		3 !== l && s.syntaxFlags.add(me.HasNumberValues);
+		let n = normalize(t[4].value, 1, 0, 100);
+		return 1 === l || 2 === l ? n = normalize(t[4].value, 1, -2147483647, 2147483647) : 3 === l && (n = normalize(t[4].value, 1, 0, 1)), [
 			c$7.Number,
 			n.toString(),
-			l[2],
-			l[3],
+			t[2],
+			t[3],
 			{
 				value: n,
 				type: a$8.Number
@@ -5853,43 +5829,43 @@ function normalize_Lab_ChannelValues(l, t, s) {
 function lab(e, a) {
 	return threeChannelSpaceSeparated(e, normalize_Lab_ChannelValues, he.Lab, [], a);
 }
-function normalize_LCH_ChannelValues(l, t, s) {
-	if (isTokenIdent(l) && "none" === toLowerCaseAZ(l[4].value)) return s.syntaxFlags.add(me.HasNoneKeywords), [
+function normalize_LCH_ChannelValues(t, l, s) {
+	if (isTokenIdent(t) && "none" === toLowerCaseAZ(t[4].value)) return s.syntaxFlags.add(me.HasNoneKeywords), [
 		c$7.Number,
 		"none",
-		l[2],
-		l[3],
+		t[2],
+		t[3],
 		{
 			value: NaN,
 			type: a$8.Number
 		}
 	];
-	if (2 === t) {
-		const e = normalizeHue(l);
-		return !1 !== e && (isTokenDimension(l) && s.syntaxFlags.add(me.HasDimensionValues), e);
-	}
-	if (isTokenPercentage(l)) {
-		3 !== t && s.syntaxFlags.add(me.HasPercentageValues);
-		let n = normalize(l[4].value, 1, 0, 100);
-		return 1 === t ? n = normalize(l[4].value, 100 / 150, 0, 2147483647) : 3 === t && (n = normalize(l[4].value, 100, 0, 1)), [
+	if (2 === l) {
+		const e = normalizeHue(t);
+		return !1 !== e && (isTokenDimension(t) && s.syntaxFlags.add(me.HasDimensionValues), e);
+	}
+	if (isTokenPercentage(t)) {
+		3 !== l && s.syntaxFlags.add(me.HasPercentageValues);
+		let n = normalize(t[4].value, 1, 0, 100);
+		return 1 === l ? n = normalize(t[4].value, 100 / 150, 0, 2147483647) : 3 === l && (n = normalize(t[4].value, 100, 0, 1)), [
 			c$7.Number,
 			n.toString(),
-			l[2],
-			l[3],
+			t[2],
+			t[3],
 			{
 				value: n,
 				type: a$8.Number
 			}
 		];
 	}
-	if (isTokenNumber(l)) {
-		3 !== t && s.syntaxFlags.add(me.HasNumberValues);
-		let n = normalize(l[4].value, 1, 0, 100);
-		return 1 === t ? n = normalize(l[4].value, 1, 0, 2147483647) : 3 === t && (n = normalize(l[4].value, 1, 0, 1)), [
+	if (isTokenNumber(t)) {
+		3 !== l && s.syntaxFlags.add(me.HasNumberValues);
+		let n = normalize(t[4].value, 1, 0, 100);
+		return 1 === l ? n = normalize(t[4].value, 1, 0, 2147483647) : 3 === l && (n = normalize(t[4].value, 1, 0, 1)), [
 			c$7.Number,
 			n.toString(),
-			l[2],
-			l[3],
+			t[2],
+			t[3],
 			{
 				value: n,
 				type: a$8.Number
@@ -5916,39 +5892,39 @@ function namedColor(e) {
 		syntaxFlags: new Set([me.ColorKeyword, me.NamedColor])
 	};
 }
-function normalize_OKLab_ChannelValues(l, t, s) {
-	if (isTokenIdent(l) && "none" === toLowerCaseAZ(l[4].value)) return s.syntaxFlags.add(me.HasNoneKeywords), [
+function normalize_OKLab_ChannelValues(t, l, s) {
+	if (isTokenIdent(t) && "none" === toLowerCaseAZ(t[4].value)) return s.syntaxFlags.add(me.HasNoneKeywords), [
 		c$7.Number,
 		"none",
-		l[2],
-		l[3],
+		t[2],
+		t[3],
 		{
 			value: NaN,
 			type: a$8.Number
 		}
 	];
-	if (isTokenPercentage(l)) {
-		3 !== t && s.syntaxFlags.add(me.HasPercentageValues);
-		let n = normalize(l[4].value, 100, 0, 1);
-		return 1 === t || 2 === t ? n = normalize(l[4].value, 250, -2147483647, 2147483647) : 3 === t && (n = normalize(l[4].value, 100, 0, 1)), [
+	if (isTokenPercentage(t)) {
+		3 !== l && s.syntaxFlags.add(me.HasPercentageValues);
+		let n = normalize(t[4].value, 100, 0, 1);
+		return 1 === l || 2 === l ? n = normalize(t[4].value, 250, -2147483647, 2147483647) : 3 === l && (n = normalize(t[4].value, 100, 0, 1)), [
 			c$7.Number,
 			n.toString(),
-			l[2],
-			l[3],
+			t[2],
+			t[3],
 			{
 				value: n,
 				type: a$8.Number
 			}
 		];
 	}
-	if (isTokenNumber(l)) {
-		3 !== t && s.syntaxFlags.add(me.HasNumberValues);
-		let n = normalize(l[4].value, 1, 0, 1);
-		return 1 === t || 2 === t ? n = normalize(l[4].value, 1, -2147483647, 2147483647) : 3 === t && (n = normalize(l[4].value, 1, 0, 1)), [
+	if (isTokenNumber(t)) {
+		3 !== l && s.syntaxFlags.add(me.HasNumberValues);
+		let n = normalize(t[4].value, 1, 0, 1);
+		return 1 === l || 2 === l ? n = normalize(t[4].value, 1, -2147483647, 2147483647) : 3 === l && (n = normalize(t[4].value, 1, 0, 1)), [
 			c$7.Number,
 			n.toString(),
-			l[2],
-			l[3],
+			t[2],
+			t[3],
 			{
 				value: n,
 				type: a$8.Number
@@ -5960,43 +5936,43 @@ function normalize_OKLab_ChannelValues(l, t, s) {
 function oklab(e, a) {
 	return threeChannelSpaceSeparated(e, normalize_OKLab_ChannelValues, he.OKLab, [], a);
 }
-function normalize_OKLCH_ChannelValues(l, t, s) {
-	if (isTokenIdent(l) && "none" === toLowerCaseAZ(l[4].value)) return s.syntaxFlags.add(me.HasNoneKeywords), [
+function normalize_OKLCH_ChannelValues(t, l, s) {
+	if (isTokenIdent(t) && "none" === toLowerCaseAZ(t[4].value)) return s.syntaxFlags.add(me.HasNoneKeywords), [
 		c$7.Number,
 		"none",
-		l[2],
-		l[3],
+		t[2],
+		t[3],
 		{
 			value: NaN,
 			type: a$8.Number
 		}
 	];
-	if (2 === t) {
-		const e = normalizeHue(l);
-		return !1 !== e && (isTokenDimension(l) && s.syntaxFlags.add(me.HasDimensionValues), e);
-	}
-	if (isTokenPercentage(l)) {
-		3 !== t && s.syntaxFlags.add(me.HasPercentageValues);
-		let n = normalize(l[4].value, 100, 0, 1);
-		return 1 === t ? n = normalize(l[4].value, 250, 0, 2147483647) : 3 === t && (n = normalize(l[4].value, 100, 0, 1)), [
+	if (2 === l) {
+		const e = normalizeHue(t);
+		return !1 !== e && (isTokenDimension(t) && s.syntaxFlags.add(me.HasDimensionValues), e);
+	}
+	if (isTokenPercentage(t)) {
+		3 !== l && s.syntaxFlags.add(me.HasPercentageValues);
+		let n = normalize(t[4].value, 100, 0, 1);
+		return 1 === l ? n = normalize(t[4].value, 250, 0, 2147483647) : 3 === l && (n = normalize(t[4].value, 100, 0, 1)), [
 			c$7.Number,
 			n.toString(),
-			l[2],
-			l[3],
+			t[2],
+			t[3],
 			{
 				value: n,
 				type: a$8.Number
 			}
 		];
 	}
-	if (isTokenNumber(l)) {
-		3 !== t && s.syntaxFlags.add(me.HasNumberValues);
-		let n = normalize(l[4].value, 1, 0, 1);
-		return 1 === t ? n = normalize(l[4].value, 1, 0, 2147483647) : 3 === t && (n = normalize(l[4].value, 1, 0, 1)), [
+	if (isTokenNumber(t)) {
+		3 !== l && s.syntaxFlags.add(me.HasNumberValues);
+		let n = normalize(t[4].value, 1, 0, 1);
+		return 1 === l ? n = normalize(t[4].value, 1, 0, 2147483647) : 3 === l && (n = normalize(t[4].value, 1, 0, 1)), [
 			c$7.Number,
 			n.toString(),
-			l[2],
-			l[3],
+			t[2],
+			t[3],
 			{
 				value: n,
 				type: a$8.Number
@@ -6008,9 +5984,9 @@ function normalize_OKLCH_ChannelValues(l, t, s) {
 function oklch(e, a) {
 	return threeChannelSpaceSeparated(e, normalize_OKLCH_ChannelValues, he.OKLCH, [], a);
 }
-function normalize_legacy_sRGB_ChannelValues(n, l, t) {
+function normalize_legacy_sRGB_ChannelValues(n, t, l) {
 	if (isTokenPercentage(n)) {
-		3 === l ? t.syntaxFlags.add(me.HasPercentageAlpha) : t.syntaxFlags.add(me.HasPercentageValues);
+		3 === t ? l.syntaxFlags.add(me.HasPercentageAlpha) : l.syntaxFlags.add(me.HasPercentageValues);
 		const r = normalize(n[4].value, 100, 0, 1);
 		return [
 			c$7.Number,
@@ -6024,9 +6000,9 @@ function normalize_legacy_sRGB_ChannelValues(n, l, t) {
 		];
 	}
 	if (isTokenNumber(n)) {
-		3 !== l && t.syntaxFlags.add(me.HasNumberValues);
+		3 !== t && l.syntaxFlags.add(me.HasNumberValues);
 		let r = normalize(n[4].value, 255, 0, 1);
-		return 3 === l && (r = normalize(n[4].value, 1, 0, 1)), [
+		return 3 === t && (r = normalize(n[4].value, 1, 0, 1)), [
 			c$7.Number,
 			r.toString(),
 			n[2],
@@ -6039,39 +6015,39 @@ function normalize_legacy_sRGB_ChannelValues(n, l, t) {
 	}
 	return !1;
 }
-function normalize_modern_sRGB_ChannelValues(l, t, s) {
-	if (isTokenIdent(l) && "none" === l[4].value.toLowerCase()) return s.syntaxFlags.add(me.HasNoneKeywords), [
+function normalize_modern_sRGB_ChannelValues(t, l, s) {
+	if (isTokenIdent(t) && "none" === t[4].value.toLowerCase()) return s.syntaxFlags.add(me.HasNoneKeywords), [
 		c$7.Number,
 		"none",
-		l[2],
-		l[3],
+		t[2],
+		t[3],
 		{
 			value: NaN,
 			type: a$8.Number
 		}
 	];
-	if (isTokenPercentage(l)) {
-		3 !== t && s.syntaxFlags.add(me.HasPercentageValues);
-		let n = normalize(l[4].value, 100, -2147483647, 2147483647);
-		return 3 === t && (n = normalize(l[4].value, 100, 0, 1)), [
+	if (isTokenPercentage(t)) {
+		3 !== l && s.syntaxFlags.add(me.HasPercentageValues);
+		let n = normalize(t[4].value, 100, -2147483647, 2147483647);
+		return 3 === l && (n = normalize(t[4].value, 100, 0, 1)), [
 			c$7.Number,
 			n.toString(),
-			l[2],
-			l[3],
+			t[2],
+			t[3],
 			{
 				value: n,
 				type: a$8.Number
 			}
 		];
 	}
-	if (isTokenNumber(l)) {
-		3 !== t && s.syntaxFlags.add(me.HasNumberValues);
-		let n = normalize(l[4].value, 255, -2147483647, 2147483647);
-		return 3 === t && (n = normalize(l[4].value, 1, 0, 1)), [
+	if (isTokenNumber(t)) {
+		3 !== l && s.syntaxFlags.add(me.HasNumberValues);
+		let n = normalize(t[4].value, 255, -2147483647, 2147483647);
+		return 3 === l && (n = normalize(t[4].value, 1, 0, 1)), [
 			c$7.Number,
 			n.toString(),
-			l[2],
-			l[3],
+			t[2],
+			t[3],
 			{
 				value: n,
 				type: a$8.Number
@@ -6125,7 +6101,7 @@ function contrastColor(e, a) {
 	if (!n) return !1;
 	n.channels = convertNaNToZero(n.channels), n.channels = XYZ_D50_to_sRGB_Gamut(colorData_to_XYZ_D50(n).channels), n.colorNotation = he.sRGB;
 	const r = {
-		colorNotation: he.sRGB,
+		colorNotation: he.RGB,
 		channels: [
 			0,
 			0,
@@ -6165,12 +6141,12 @@ function alpha(e, a) {
 		syntaxFlags: /* @__PURE__ */ new Set([])
 	};
 	for (let m = 0; m < e.value.length; m++) {
-		let p = e.value[m];
-		if (isWhitespaceNode(p) || isCommentNode(p)) for (; isWhitespaceNode(e.value[m + 1]) || isCommentNode(e.value[m + 1]);) m++;
-		else if (c && !u && !i && isTokenNode(p) && isTokenDelim(p.value) && "/" === p.value[4].value) u = !0;
+		let N = e.value[m];
+		if (isWhitespaceNode(N) || isCommentNode(N)) for (; isWhitespaceNode(e.value[m + 1]) || isCommentNode(e.value[m + 1]);) m++;
+		else if (c && !u && !i && isTokenNode(N) && isTokenDelim(N.value) && "/" === N.value[4].value) u = !0;
 		else {
-			if (isFunctionNode(p) && Q$1.has(toLowerCaseAZ(p.getName()))) {
-				const [[e]] = calcFromComponentValues([[p]], {
+			if (isFunctionNode(N) && Q$1.has(toLowerCaseAZ(N.getName()))) {
+				const [[e]] = calcFromComponentValues([[N]], {
 					censorIntoStandardRepresentableValues: !0,
 					globals: s,
 					precision: -1,
@@ -6178,23 +6154,23 @@ function alpha(e, a) {
 					rawPercentages: !0
 				});
 				if (!e || !isTokenNode(e) || !isTokenNumeric(e.value)) return !1;
-				Number.isNaN(e.value[4].value) && (e.value[4].value = 0), p = e;
+				Number.isNaN(e.value[4].value) && (e.value[4].value = 0), N = e;
 			}
-			if (u || i || !isTokenNode(p) || !isTokenIdent(p.value) || "from" !== toLowerCaseAZ(p.value[4].value)) {
+			if (u || i || !isTokenNode(N) || !isTokenIdent(N.value) || "from" !== toLowerCaseAZ(N.value[4].value)) {
 				if (!u) return !1;
 				if (i) return !1;
-				if (isTokenNode(p)) {
-					if (isTokenIdent(p.value) && "alpha" === toLowerCaseAZ(p.value[4].value) && r && r.has("alpha")) {
+				if (isTokenNode(N)) {
+					if (isTokenIdent(N.value) && "alpha" === toLowerCaseAZ(N.value[4].value) && r && r.has("alpha")) {
 						h.alpha = r.get("alpha")[4].value, i = !0;
 						continue;
 					}
-					const e = normalize_Color_ChannelValues(p.value, 3, h);
+					const e = normalize_Color_ChannelValues(N.value, 3, h);
 					if (!e || !isTokenNumber(e)) return !1;
-					h.alpha = new TokenNode(e), i = !0;
+					h.alpha = e[4].value, i = !0;
 					continue;
 				}
-				if (isFunctionNode(p)) {
-					h.alpha = replaceComponentValues$1([[p]], (e) => {
+				if (isFunctionNode(N)) {
+					h.alpha = replaceComponentValues$1([[N]], (e) => {
 						if (isTokenNode(e) && isTokenIdent(e.value) && "alpha" === toLowerCaseAZ(e.value[4].value) && r && r.has("alpha")) return new TokenNode(r.get("alpha"));
 					})[0][0], i = !0;
 					continue;
@@ -6203,7 +6179,7 @@ function alpha(e, a) {
 			}
 			if (c) return !1;
 			for (; isWhitespaceNode(e.value[m + 1]) || isCommentNode(e.value[m + 1]);) m++;
-			if (m++, p = e.value[m], c = a(p), !1 === c) return !1;
+			if (m++, N = e.value[m], c = a(N), !1 === c) return !1;
 			r = normalizeRelativeColorDataChannels(c), s = noneToZeroInRelativeColorDataChannels(r), h.syntaxFlags = new Set(c.syntaxFlags), h.syntaxFlags.add(me.RelativeAlphaSyntax), h.channels = [...c.channels], h.colorNotation = c.colorNotation, h.alpha = c.alpha;
 		}
 	}
@@ -6238,8 +6214,8 @@ function toPrecision(e, a = 7) {
 		return Math.round(e / r) * r;
 	}
 }
-function serializeWithAlpha(n, r, o, l) {
-	const t = [
+function serializeWithAlpha(n, r, o, t) {
+	const l = [
 		c$7.CloseParen,
 		")",
 		-1,
@@ -6248,8 +6224,8 @@ function serializeWithAlpha(n, r, o, l) {
 	];
 	if ("number" == typeof n.alpha) {
 		const s = Math.min(1, Math.max(0, toPrecision(Number.isNaN(n.alpha) ? 0 : n.alpha)));
-		return 1 === toPrecision(s, 4) ? new FunctionNode(r, t, l) : new FunctionNode(r, t, [
-			...l,
+		return 1 === toPrecision(s, 4) ? new FunctionNode(r, l, t) : new FunctionNode(r, l, [
+			...t,
 			new WhitespaceNode([o]),
 			new TokenNode([
 				c$7.Delim,
@@ -6271,8 +6247,8 @@ function serializeWithAlpha(n, r, o, l) {
 			])
 		]);
 	}
-	return new FunctionNode(r, t, [
-		...l,
+	return new FunctionNode(r, l, [
+		...t,
 		new WhitespaceNode([o]),
 		new TokenNode([
 			c$7.Delim,
@@ -6289,7 +6265,7 @@ function serializeP3(n, r = !0) {
 	n.channels = convertPowerlessComponentsToZeroValuesForDisplay(n.channels, n.colorNotation);
 	let o = n.channels.map((e) => Number.isNaN(e) ? 0 : e);
 	r ? o = XYZ_D50_to_P3_Gamut(colorData_to_XYZ_D50(n).channels) : n.colorNotation !== he.Display_P3 && (o = XYZ_D50_to_P3(colorData_to_XYZ_D50(n).channels));
-	const l = r ? Math.min(1, Math.max(0, toPrecision(o[0], 6))) : toPrecision(o[0], 6), t = r ? Math.min(1, Math.max(0, toPrecision(o[1], 6))) : toPrecision(o[1], 6), s = r ? Math.min(1, Math.max(0, toPrecision(o[2], 6))) : toPrecision(o[2], 6), u = [
+	const t = r ? Math.min(1, Math.max(0, toPrecision(o[0], 6))) : toPrecision(o[0], 6), l = r ? Math.min(1, Math.max(0, toPrecision(o[1], 6))) : toPrecision(o[1], 6), s = r ? Math.min(1, Math.max(0, toPrecision(o[2], 6))) : toPrecision(o[2], 6), u = [
 		c$7.Function,
 		"color(",
 		-1,
@@ -6313,7 +6289,7 @@ function serializeP3(n, r = !0) {
 		new WhitespaceNode([i]),
 		new TokenNode([
 			c$7.Number,
-			l.toString(),
+			t.toString(),
 			-1,
 			-1,
 			{
@@ -6324,7 +6300,7 @@ function serializeP3(n, r = !0) {
 		new WhitespaceNode([i]),
 		new TokenNode([
 			c$7.Number,
-			t.toString(),
+			l.toString(),
 			-1,
 			-1,
 			{
@@ -6348,7 +6324,7 @@ function serializeP3(n, r = !0) {
 function serializeRGB(n, r = !0) {
 	let o;
 	n.channels = convertPowerlessComponentsToZeroValuesForDisplay(n.channels, n.colorNotation), o = r ? XYZ_D50_to_sRGB_Gamut(colorData_to_XYZ_D50(n).channels) : XYZ_D50_to_sRGB(colorData_to_XYZ_D50(n).channels);
-	const l = Math.min(255, Math.max(0, Math.round(255 * toPrecision(o[0])))), t = Math.min(255, Math.max(0, Math.round(255 * toPrecision(o[1])))), s = Math.min(255, Math.max(0, Math.round(255 * toPrecision(o[2])))), u = [
+	const t = Math.min(255, Math.max(0, Math.round(255 * toPrecision(o[0])))), l = Math.min(255, Math.max(0, Math.round(255 * toPrecision(o[1])))), s = Math.min(255, Math.max(0, Math.round(255 * toPrecision(o[2])))), u = [
 		c$7.CloseParen,
 		")",
 		-1,
@@ -6369,7 +6345,7 @@ function serializeRGB(n, r = !0) {
 	], h = [
 		new TokenNode([
 			c$7.Number,
-			l.toString(),
+			t.toString(),
 			-1,
 			-1,
 			{
@@ -6381,7 +6357,7 @@ function serializeRGB(n, r = !0) {
 		new WhitespaceNode([i]),
 		new TokenNode([
 			c$7.Number,
-			t.toString(),
+			l.toString(),
 			-1,
 			-1,
 			{
@@ -6448,7 +6424,7 @@ function serializeRGB(n, r = !0) {
 function serializeHSL(n, r = !0) {
 	let o;
 	n.channels = convertPowerlessComponentsToZeroValuesForDisplay(n.channels, n.colorNotation), o = XYZ_D50_to_HSL(r ? sRGB_to_XYZ_D50(XYZ_D50_to_sRGB_Gamut(colorData_to_XYZ_D50(n).channels)) : colorData_to_XYZ_D50(n).channels), o = o.map((e) => Number.isNaN(e) ? 0 : e);
-	const l = Math.min(360, Math.max(0, Math.round(toPrecision(o[0])))), t = Math.min(100, Math.max(0, Math.round(toPrecision(o[1])))), s = Math.min(100, Math.max(0, Math.round(toPrecision(o[2])))), u = [
+	const t = Math.min(360, Math.max(0, Math.round(toPrecision(o[0])))), l = Math.min(100, Math.max(0, Math.round(toPrecision(o[1])))), s = Math.min(100, Math.max(0, Math.round(toPrecision(o[2])))), u = [
 		c$7.CloseParen,
 		")",
 		-1,
@@ -6469,7 +6445,7 @@ function serializeHSL(n, r = !0) {
 	], h = [
 		new TokenNode([
 			c$7.Number,
-			l.toString(),
+			t.toString(),
 			-1,
 			-1,
 			{
@@ -6481,7 +6457,7 @@ function serializeHSL(n, r = !0) {
 		new WhitespaceNode([i]),
 		new TokenNode([
 			c$7.Percentage,
-			t.toString() + "%",
+			l.toString() + "%",
 			-1,
 			-1,
 			{ value: o[1] }
@@ -7106,10 +7082,21 @@ const LINEAR_GRADIENT_LAB_RE = /background-image\s*:\s*linear-gradient\(\s*in\s+
 const DISPLAY_P3_COLOR_RE = /color\s*:\s*color\(\s*display-p3\s+0\s+0\s+0%\s*\)/;
 const DISPLAY_P3_VALUE_RE$1 = /color\(\s*display-p3\b/i;
 const COLOR_GAMUT_P3_RE$1 = /\(\s*color-gamut\s*:\s*p3\s*\)/i;
+const GRADIENT_BACKGROUND_RE = /^(linear|radial|conic)-gradient\(/i;
+const GRADIENT_STOPS_VAR_RE = /^(?:linear|radial|conic)-gradient\(\s*var\(\s*--tw-gradient-stops\b/i;
+const SIMPLE_CLASS_SELECTOR_RE = /^\.([_a-z\u00A0-\uFFFF\\-][\w\u00A0-\uFFFF\\-]*)$/i;
+const COLOR_VAR_RE = /^var\(\s*(--color-[\w-]+)\s*\)$/i;
+const GRADIENT_DIRECTION_CLASS_RE = /^(?:-?bg-linear|bg-gradient-to-|-?bg-conic|bg-radial)/;
 const RADIUS_VALUE_RE = /\b([+-]?(?:\d+(?:\.\d+)?|\.\d+)(?:e[+-]?\d+)?)\s*(r?px)\b/gi;
 const SCIENTIFIC_NOTATION_RE = /e/i;
 const TW_VAR_FUNCTION_RE = /var\(\s*(--tw-[\w-]+)\b/g;
 const TW_CONTENT_VAR_RE$1 = /var\(\s*--tw-content\b/;
+const TW_GRADIENT_POSITION_PROPS = new Set([
+	"--tw-gradient-from-position",
+	"--tw-gradient-via-position",
+	"--tw-gradient-to-position"
+]);
+const UNSUPPORTED_CUSTOM_PROPERTY_DEFAULT_PROPS = new Set(["--tw-gradient-via-stops"]);
 const DEFAULT_VARIABLE_SCOPE_SELECTORS = new Set([
 	"*",
 	":root",
@@ -7158,7 +7145,7 @@ function usesTailwindcssV4ContentVariable(root) {
 	return used;
 }
 function createUsedCssVarsV4Nodes(usedProps) {
-	return nodes.filter((def) => usedProps.has(def.prop)).map((def) => new Declaration({
+	return nodes.filter((def) => usedProps.has(def.prop) && !UNSUPPORTED_CUSTOM_PROPERTY_DEFAULT_PROPS.has(def.prop)).map((def) => new Declaration({
 		prop: def.prop,
 		value: def.value
 	}));
@@ -7193,11 +7180,250 @@ function collectScopedTailwindcssV4DefaultVariables(root) {
 }
 function createMissingCssVarsV4Nodes(root, usedProps) {
 	const scopedProps = collectScopedTailwindcssV4DefaultVariables(root);
-	return nodes.filter((def) => usedProps.has(def.prop) && !scopedProps.has(def.prop)).map((def) => new Declaration({
+	return nodes.filter((def) => usedProps.has(def.prop) && !scopedProps.has(def.prop) && !UNSUPPORTED_CUSTOM_PROPERTY_DEFAULT_PROPS.has(def.prop)).map((def) => new Declaration({
 		prop: def.prop,
 		value: def.value
 	}));
 }
+function collectTailwindcssV4ThemeVariables(root) {
+	const variables = /* @__PURE__ */ new Map();
+	root.walkRules((rule) => {
+		if (!testIfRootHostForV4(rule) && !rule.selector.includes("page") && !rule.selector.includes(".tw-root")) return;
+		rule.walkDecls((decl) => {
+			if (decl.prop.startsWith("--color-")) variables.set(decl.prop, decl.value);
+		});
+	});
+	return variables;
+}
+function resolveTailwindcssV4GradientColor(value, themeVariables) {
+	const trimmed = value.trim();
+	const match = COLOR_VAR_RE.exec(trimmed);
+	if (!match) return trimmed;
+	return themeVariables.get(match[1]) ?? trimmed;
+}
+function getSingleClassSelector(selector) {
+	const match = SIMPLE_CLASS_SELECTOR_RE.exec(selector.trim());
+	return match ? match[1] : void 0;
+}
+function normalizeDeclarationValue(value) {
+	return value.replace(/\s+/g, " ").trim();
+}
+function normalizeTailwindcssV4GradientPosition(value) {
+	return value.replace(/calc\(\s*([+-]?(?:\d+(?:\.\d+)?|\.\d+)(?:deg|grad|rad|turn))\s*\*\s*-1\s*\)/gi, "-$1").replace(/^in\s+(?:oklab|oklch|hsl|srgb)(?:\s+(?:longer|shorter|increasing|decreasing)\s+hue)?$/i, "").replace(/\s+in\s+(?:oklab|oklch|hsl|srgb)(?:\s+(?:longer|shorter|increasing|decreasing)\s+hue)?\s*$/i, "").replace(/\s+(?:longer|shorter|increasing|decreasing)\s*$/i, "").trim();
+}
+function normalizeTailwindcssV4GradientDirectionDeclaration(rule, decl) {
+	const normalized = normalizeTailwindcssV4GradientPosition(decl.value);
+	if (normalized) return normalized;
+	const backgroundImageDecl = rule.nodes.find((node) => {
+		return node.type === "decl" && node.prop === "background-image";
+	});
+	if (!backgroundImageDecl) return normalized;
+	if (/^radial-gradient\(/i.test(backgroundImageDecl.value)) return "at center";
+	if (/^conic-gradient\(/i.test(backgroundImageDecl.value)) return "from 0deg";
+	return normalized;
+}
+function appendStopPosition(color, position) {
+	const normalizedPosition = position?.trim();
+	return normalizedPosition ? `${color} ${normalizedPosition}` : color;
+}
+function getGradientStopsFallback(value) {
+	if (!value.includes("var(") || !value.includes("--tw-gradient-stops")) return;
+	const parsed = valueParser(value);
+	let fallback;
+	parsed.walk((node) => {
+		if (fallback || node.type !== "function" || node.value.toLowerCase() !== "var") return;
+		const firstCommaIndex = node.nodes.findIndex((child) => child.type === "div" && child.value === ",");
+		const firstArg = node.nodes.find((child) => child.type !== "space");
+		if (firstArg?.type !== "word" || firstArg.value !== "--tw-gradient-stops" || firstCommaIndex < 0) return;
+		fallback = valueParser.stringify(node.nodes.slice(firstCommaIndex + 1)).trim();
+	});
+	return fallback;
+}
+function isTailwindcssV4GradientDirectionRule(rule) {
+	const classSelector = getSingleClassSelector(rule.selector);
+	if (!classSelector || !GRADIENT_DIRECTION_CLASS_RE.test(classSelector)) return false;
+	return rule.nodes.some((node) => {
+		return node.type === "decl" && (node.prop === "--tw-gradient-position" || node.prop === "background-image" && node.value.includes("linear-gradient("));
+	});
+}
+function reorderTailwindcssV4GradientDirectionRule(rule) {
+	const gradientPositionDecls = [];
+	const gradientBackgroundDecls = [];
+	for (const node of rule.nodes) {
+		if (node.type !== "decl") continue;
+		if (node.prop === "--tw-gradient-position") gradientPositionDecls.push(node);
+		else if (node.prop === "background-image" && node.value.includes("linear-gradient(")) gradientBackgroundDecls.push(node);
+	}
+	if (gradientPositionDecls.length === 0 || gradientBackgroundDecls.length === 0) return;
+	const anchor = rule.nodes.find((node) => {
+		return node.type === "decl" && (node.prop === "--tw-gradient-position" || node.prop === "background-image" && node.value.includes("linear-gradient("));
+	});
+	if (!anchor) return;
+	const ordered = [...gradientPositionDecls, ...gradientBackgroundDecls];
+	const orderedClones = ordered.map((decl) => decl.clone());
+	anchor.replaceWith(...orderedClones);
+	for (const decl of ordered) if (decl.parent) decl.remove();
+}
+function mergeTailwindcssV4GradientDirectionRules(root) {
+	const seen = /* @__PURE__ */ new Map();
+	root.walkRules((rule) => {
+		if (!isTailwindcssV4GradientDirectionRule(rule)) return;
+		const selector = rule.selector.trim();
+		const previous = seen.get(selector);
+		if (!previous || previous.parent !== rule.parent) {
+			seen.set(selector, rule);
+			return;
+		}
+		for (const node of [...rule.nodes]) {
+			if (node.type !== "decl") continue;
+			if (node.prop !== "--tw-gradient-position" && node.prop !== "background-image") continue;
+			previous.append(node.clone());
+		}
+		reorderTailwindcssV4GradientDirectionRule(previous);
+		rule.remove();
+	});
+}
+function createTailwindcssV4MiniProgramGradientValue(gradient, from, to, via) {
+	const stops = [gradient.position, appendStopPosition(from.color, from.position)];
+	if (via) stops.push(appendStopPosition(via.color, via.position));
+	stops.push(appendStopPosition(to.color, to.position));
+	return `${gradient.type}-gradient(${stops.filter(Boolean).join(", ")})`;
+}
+function appendTailwindcssV4MiniProgramGradientRules(root) {
+	const themeVariables = collectTailwindcssV4ThemeVariables(root);
+	const gradients = [];
+	const fromColors = /* @__PURE__ */ new Map();
+	const viaColors = /* @__PURE__ */ new Map();
+	const toColors = /* @__PURE__ */ new Map();
+	const fromPositions = [];
+	const viaPositions = [];
+	const toPositions = [];
+	const directBackgroundImages = [];
+	const existingBackgroundImages = /* @__PURE__ */ new Map();
+	const ruleOrder = /* @__PURE__ */ new Map();
+	let order = 0;
+	root.walkRules((rule) => {
+		const classSelector = getSingleClassSelector(rule.selector);
+		const currentOrder = order++;
+		if (classSelector) ruleOrder.set(classSelector, currentOrder);
+		rule.walkDecls("background-image", (decl) => {
+			const selector = rule.selector.trim();
+			const values = existingBackgroundImages.get(selector);
+			if (values) values.add(normalizeDeclarationValue(decl.value));
+			else existingBackgroundImages.set(selector, new Set([normalizeDeclarationValue(decl.value)]));
+		});
+		if (classSelector) {
+			const gradientPositionDecl = rule.nodes.find((node) => {
+				return node.type === "decl" && node.prop === "--tw-gradient-position";
+			});
+			const gradientBackgroundDecl = rule.nodes.find((node) => {
+				return node.type === "decl" && node.prop === "background-image" && GRADIENT_BACKGROUND_RE.test(node.value);
+			});
+			if (gradientPositionDecl && gradientBackgroundDecl) {
+				const gradientType = GRADIENT_BACKGROUND_RE.exec(gradientBackgroundDecl.value)?.[1];
+				if (gradientType) {
+					gradients.push({
+						classSelector,
+						order: currentOrder,
+						position: normalizeTailwindcssV4GradientDirectionDeclaration(rule, gradientPositionDecl),
+						type: gradientType
+					});
+					const fallback = GRADIENT_STOPS_VAR_RE.test(gradientBackgroundDecl.value) ? getGradientStopsFallback(gradientBackgroundDecl.value) : void 0;
+					if (fallback) directBackgroundImages.push({
+						selector: rule.selector.trim(),
+						value: `${gradientType}-gradient(${fallback})`
+					});
+				}
+			}
+			rule.walkDecls((decl) => {
+				if (decl.prop === "--tw-gradient-from") fromColors.set(classSelector, {
+					classSelector,
+					color: resolveTailwindcssV4GradientColor(decl.value, themeVariables),
+					order: currentOrder
+				});
+				else if (decl.prop === "--tw-gradient-from-position") fromPositions.push({
+					classSelector,
+					position: decl.value
+				});
+				else if (decl.prop === "--tw-gradient-via") viaColors.set(classSelector, {
+					classSelector,
+					color: resolveTailwindcssV4GradientColor(decl.value, themeVariables),
+					order: currentOrder
+				});
+				else if (decl.prop === "--tw-gradient-via-position") viaPositions.push({
+					classSelector,
+					position: decl.value
+				});
+				else if (decl.prop === "--tw-gradient-to") toColors.set(classSelector, {
+					classSelector,
+					color: resolveTailwindcssV4GradientColor(decl.value, themeVariables),
+					order: currentOrder
+				});
+				else if (decl.prop === "--tw-gradient-to-position") toPositions.push({
+					classSelector,
+					position: decl.value
+				});
+			});
+		}
+	});
+	const fromVariants = [];
+	const viaVariants = [];
+	const toVariants = [];
+	const positionedFromVariants = [];
+	const positionedViaVariants = [];
+	const positionedToVariants = [];
+	for (const color of fromColors.values()) {
+		fromVariants.push(color);
+		for (const position of fromPositions) positionedFromVariants.push({
+			...color,
+			classSelector: `${color.classSelector}.${position.classSelector}`,
+			order: Math.max(color.order, ruleOrder.get(position.classSelector) ?? color.order),
+			position: position.position
+		});
+	}
+	for (const color of viaColors.values()) {
+		viaVariants.push(color);
+		for (const position of viaPositions) positionedViaVariants.push({
+			...color,
+			classSelector: `${color.classSelector}.${position.classSelector}`,
+			order: Math.max(color.order, ruleOrder.get(position.classSelector) ?? color.order),
+			position: position.position
+		});
+	}
+	for (const color of toColors.values()) {
+		toVariants.push(color);
+		for (const position of toPositions) positionedToVariants.push({
+			...color,
+			classSelector: `${color.classSelector}.${position.classSelector}`,
+			order: Math.max(color.order, ruleOrder.get(position.classSelector) ?? color.order),
+			position: position.position
+		});
+	}
+	function appendGradientRule(selector, value) {
+		const normalizedValue = normalizeDeclarationValue(value);
+		if (existingBackgroundImages.get(selector)?.has(normalizedValue)) return;
+		existingBackgroundImages.set(selector, new Set([...existingBackgroundImages.get(selector) ?? [], normalizedValue]));
+		root.append(rule({
+			selector,
+			nodes: [new Declaration({
+				prop: "background-image",
+				value
+			})]
+		}));
+	}
+	for (const { selector, value } of directBackgroundImages) appendGradientRule(selector, value);
+	function appendGradientCombinations(gradient, fromRules, viaRules, toRules) {
+		for (const from of fromRules) for (const to of toRules) {
+			appendGradientRule(`.${gradient.classSelector}.${from.classSelector}.${to.classSelector}`, createTailwindcssV4MiniProgramGradientValue(gradient, from, to));
+			for (const via of viaRules) appendGradientRule(`.${gradient.classSelector}.${from.classSelector}.${via.classSelector}.${to.classSelector}`, createTailwindcssV4MiniProgramGradientValue(gradient, from, to, via));
+		}
+	}
+	for (const gradient of gradients) {
+		if (gradient.position.includes(",") || /^var\(/i.test(gradient.position)) continue;
+		appendGradientCombinations(gradient, fromVariants, viaVariants, toVariants);
+		appendGradientCombinations(gradient, positionedFromVariants, positionedViaVariants, positionedToVariants);
+	}
+}
 function isTailwindcssV4ModernCheck(atRule) {
 	return atRule.name === "supports" && [
 		MODERN_CHECK_WEBKIT_HYPHENS_RE,
@@ -7232,15 +7458,108 @@ function normalizeTailwindcssV4EmptyVarFallback(value) {
 	});
 	return changed ? parsed.toString() : value;
 }
+function normalizeTailwindcssV4GradientStopsFallback(value) {
+	if (!value.includes("var(") || !value.includes("--tw-gradient-via-stops")) return value;
+	const parsed = valueParser(value);
+	let changed = false;
+	function normalizeNodes(nodes) {
+		for (let index = 0; index < nodes.length; index++) {
+			const node = nodes[index];
+			if (!node) continue;
+			if (node.type === "function" && node.value.toLowerCase() !== "var") {
+				normalizeNodes(node.nodes);
+				continue;
+			}
+			if (node.type !== "function") continue;
+			const firstArg = node.nodes.filter((child) => child.type !== "space")[0];
+			if (firstArg?.type !== "word" || firstArg.value !== "--tw-gradient-via-stops") {
+				normalizeNodes(node.nodes);
+				continue;
+			}
+			const firstCommaIndex = node.nodes.findIndex((child) => child.type === "div" && child.value === ",");
+			if (firstCommaIndex < 0) continue;
+			const fallbackNodes = node.nodes.slice(firstCommaIndex + 1);
+			const splitIndex = fallbackNodes.findIndex((child) => child.type === "div" && child.value === ",");
+			if (splitIndex < 0) continue;
+			const viaFallbackNodes = fallbackNodes.slice(0, splitIndex);
+			const stopNodes = fallbackNodes.slice(splitIndex);
+			const nextVarNode = {
+				...node,
+				nodes: [
+					{
+						type: "word",
+						value: "--tw-gradient-via-stops"
+					},
+					{
+						type: "div",
+						value: ",",
+						before: "",
+						after: " "
+					},
+					...viaFallbackNodes
+				],
+				sourceEndIndex: void 0,
+				sourceIndex: void 0
+			};
+			nodes.splice(index, 1, nextVarNode, ...stopNodes);
+			changed = true;
+			index += stopNodes.length;
+		}
+	}
+	normalizeNodes(parsed.nodes);
+	return changed ? parsed.toString() : value;
+}
+function normalizeTailwindcssV4GradientPositionFallback(value) {
+	if (!value.includes("var(") || !value.includes("--tw-gradient-")) return value;
+	const parsed = valueParser(value);
+	let changed = false;
+	parsed.walk((node) => {
+		if (node.type !== "function" || node.value.toLowerCase() !== "var") return;
+		const args = node.nodes.filter((child) => child.type !== "space");
+		const firstArg = args[0];
+		if (firstArg?.type !== "word" || !TW_GRADIENT_POSITION_PROPS.has(firstArg.value)) return;
+		const commaIndex = args.findIndex((child) => child.type === "div" && child.value === ",");
+		if (commaIndex === -1 ? void 0 : args[commaIndex]) {
+			if (!args.slice(commaIndex + 1).some((child) => child.type !== "space") && node.after !== " ") {
+				node.after = " ";
+				changed = true;
+			}
+			return;
+		}
+		node.nodes.push({
+			type: "div",
+			value: ",",
+			before: "",
+			after: ""
+		});
+		node.after = " ";
+		changed = true;
+	});
+	return changed ? parsed.toString() : value;
+}
 function normalizeTailwindcssV4Declaration(decl) {
 	let changed = false;
+	if (decl.prop === "--tw-gradient-via-stops" && decl.value.trim() === "initial") {
+		decl.remove();
+		return true;
+	}
 	const normalizedEmptyVarFallback = normalizeTailwindcssV4EmptyVarFallback(decl.value);
 	if (normalizedEmptyVarFallback !== decl.value) {
 		decl.value = normalizedEmptyVarFallback;
 		changed = true;
 	}
+	const normalizedGradientStopsFallback = normalizeTailwindcssV4GradientStopsFallback(decl.value);
+	if (normalizedGradientStopsFallback !== decl.value) {
+		decl.value = normalizedGradientStopsFallback;
+		changed = true;
+	}
+	const normalizedGradientPositionFallback = normalizeTailwindcssV4GradientPositionFallback(decl.value);
+	if (normalizedGradientPositionFallback !== decl.value) {
+		decl.value = normalizedGradientPositionFallback;
+		changed = true;
+	}
 	if (decl.prop === "--tw-gradient-position" && decl.value.endsWith(OKLAB_SUFFIX)) {
-		decl.value = decl.value.slice(0, decl.value.length - 8).trimEnd();
+		decl.value = decl.parent?.type === "rule" ? normalizeTailwindcssV4GradientDirectionDeclaration(decl.parent, decl) : normalizeTailwindcssV4GradientPosition(decl.value);
 		return true;
 	}
 	if (INFINITY_CALC_REGEXP.test(decl.value)) {
@@ -7841,6 +8160,10 @@ function finalizeMiniProgramCssRoot(root, options = {}) {
 	root.walkAtRules((atRule) => {
 		removeUnsupportedMiniProgramPrefixedAtRule(atRule);
 	});
+	if (shouldInjectTailwindcssV4Defaults) {
+		mergeTailwindcssV4GradientDirectionRules(root);
+		if (options.tailwindcssV4GradientFallback === true) appendTailwindcssV4MiniProgramGradientRules(root);
+	}
 	const hoistAnchor = createHoistInsertionAnchor(root);
 	const preflightRules = collectPreflightRules(root, options);
 	if (preflightRules.length === 0) {
@@ -9160,6 +9483,25 @@ function fingerprintOptions(value, state = {
 //#region src/options-resolver.ts
 const BASE_CACHE_KEY = "base";
 const SIMPLE_OVERRIDE_UNSET = "__unset__";
+const CSS_OPTION_KEYS = [
+	"cssPreflight",
+	"cssPreflightRange",
+	"cssChildCombinatorReplaceValue",
+	"cssPresetEnv",
+	"autoprefixer",
+	"injectAdditionalCssVarScope",
+	"cssSelectorReplacement",
+	"rem2rpx",
+	"px2rpx",
+	"unitsToPx",
+	"unitConversion",
+	"platform",
+	"cssRemoveHoverPseudoClass",
+	"cssRemoveProperty",
+	"cssCalc",
+	"atRules",
+	"tailwindcssV4GradientFallback"
+];
 function getSimpleOverrideCacheKey(options) {
 	let isMainChunk = SIMPLE_OVERRIDE_UNSET;
 	let majorVersion = SIMPLE_OVERRIDE_UNSET;
@@ -9270,20 +9612,48 @@ function getSimpleOverrideCacheKey(options) {
 function hasOverrides(options) {
 	return Boolean(options && Object.keys(options).length > 0);
 }
+function normalizeCssOptions(options, mirrorTopLevel = false) {
+	let changed = false;
+	const normalized = { ...options };
+	const hasCssOptions = options.cssOptions !== void 0;
+	const cssOptions = { ...options.cssOptions ?? {} };
+	for (const key of CSS_OPTION_KEYS) {
+		const hasNestedValue = hasCssOptions && key in options.cssOptions;
+		const hasTopLevelValue = key in options;
+		if (!hasNestedValue && !hasTopLevelValue) continue;
+		const nestedValue = hasNestedValue ? options.cssOptions?.[key] : void 0;
+		const topLevelValue = hasTopLevelValue ? options[key] : void 0;
+		const value = hasNestedValue ? nestedValue : topLevelValue;
+		if (value !== topLevelValue) {
+			normalized[key] = value;
+			changed = true;
+		}
+		if ((hasCssOptions || mirrorTopLevel) && value !== nestedValue) {
+			cssOptions[key] = value;
+			changed = true;
+		}
+	}
+	if (!changed) return options;
+	return {
+		...normalized,
+		...hasCssOptions || mirrorTopLevel ? { cssOptions } : {}
+	};
+}
 function createOptionsResolver(baseOptions) {
+	const normalizedBaseOptions = normalizeCssOptions(baseOptions);
 	const cacheByKey = /* @__PURE__ */ new Map();
 	const cacheByRef = /* @__PURE__ */ new WeakMap();
 	const cacheKeyByRef = /* @__PURE__ */ new WeakMap();
 	const emptyOverrideRefs = /* @__PURE__ */ new WeakSet();
-	cacheByKey.set(BASE_CACHE_KEY, baseOptions);
+	cacheByKey.set(BASE_CACHE_KEY, normalizedBaseOptions);
 	const resolve = (overrides) => {
-		if (!overrides) return baseOptions;
+		if (!overrides) return normalizedBaseOptions;
 		const refCached = cacheByRef.get(overrides);
 		if (refCached) return refCached;
-		if (emptyOverrideRefs.has(overrides)) return baseOptions;
+		if (emptyOverrideRefs.has(overrides)) return normalizedBaseOptions;
 		if (!hasOverrides(overrides)) {
 			emptyOverrideRefs.add(overrides);
-			return baseOptions;
+			return normalizedBaseOptions;
 		}
 		let key = cacheKeyByRef.get(overrides);
 		if (!key) {
@@ -9295,10 +9665,10 @@ function createOptionsResolver(baseOptions) {
 			cacheByRef.set(overrides, cached);
 			return cached;
 		}
-		const merged = defuOverrideArray({ ...overrides }, baseOptions);
-		cacheByKey.set(key, merged);
-		cacheByRef.set(overrides, merged);
-		return merged;
+		const normalized = normalizeCssOptions(defuOverrideArray(normalizeCssOptions({ ...overrides }, true), normalizedBaseOptions));
+		cacheByKey.set(key, normalized);
+		cacheByRef.set(overrides, normalized);
+		return normalized;
 	};
 	return { resolve };
 }
@@ -43841,7 +44211,7 @@ function hasSupportsAtRuleAncestor(e, t) {
 	return !1;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@csstools+postcss-alpha-function@2.0.5_postcss@8.5.15/node_modules/@csstools/postcss-alpha-function/dist/index.mjs
+//#region ../../node_modules/.pnpm/@csstools+postcss-alpha-function@2.0.6_postcss@8.5.15/node_modules/@csstools/postcss-alpha-function/dist/index.mjs
 const b$1 = /\balpha\(/i, m$9 = /^alpha$/i, w$3 = new Set([
 	"srgb",
 	"srgb-linear",
@@ -44234,7 +44604,7 @@ const n$9 = "js-blank-pseudo", t$12 = ":blank", creator$49 = (s) => {
 };
 creator$49.postcss = !0;
 //#endregion
-//#region ../../node_modules/.pnpm/@csstools+selector-specificity@6.0.0_postcss-selector-parser@7.1.2/node_modules/@csstools/selector-specificity/dist/index.mjs
+//#region ../../node_modules/.pnpm/@csstools+selector-specificity@6.0.0_postcss-selector-parser@7.1.4/node_modules/@csstools/selector-specificity/dist/index.mjs
 var import_postcss_page_break = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exports, module) => {
 	module.exports = function(options) {
 		return {
@@ -44263,10 +44633,10 @@ var import_postcss_page_break = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commo
 	};
 	module.exports.postcss = true;
 })))(), 1);
-function compare(e, t) {
+function compare$1(e, t) {
 	return e.a === t.a ? e.b === t.b ? e.c - t.c : e.b - t.b : e.a - t.a;
 }
-function selectorSpecificity(t, s) {
+function selectorSpecificity$1(t, s) {
 	const i = s?.customSpecificity?.(t);
 	if (i) return i;
 	if (!t) return {
@@ -44284,17 +44654,17 @@ function selectorSpecificity(t, s) {
 	else if ("tag" === t.type) o += 1;
 	else if ("class" === t.type) n += 1;
 	else if ("attribute" === t.type) n += 1;
-	else if (isPseudoElement(t)) switch (t.value.toLowerCase()) {
+	else if (isPseudoElement$1(t)) switch (t.value.toLowerCase()) {
 		case "::slotted":
 			if (o += 1, t.nodes && t.nodes.length > 0) {
-				const e = specificityOfMostSpecificListItem(t.nodes, s);
+				const e = specificityOfMostSpecificListItem$1(t.nodes, s);
 				c += e.a, n += e.b, o += e.c;
 			}
 			break;
 		case "::view-transition-group":
 		case "::view-transition-image-pair":
 		case "::view-transition-old":
-		case "::view-transition-new": return t.nodes && 1 === t.nodes.length && "selector" === t.nodes[0].type && selectorNodeContainsNothingOrOnlyUniversal(t.nodes[0]) ? {
+		case "::view-transition-new": return t.nodes && 1 === t.nodes.length && "selector" === t.nodes[0].type && selectorNodeContainsNothingOrOnlyUniversal$1(t.nodes[0]) ? {
 			a: 0,
 			b: 0,
 			c: 0
@@ -44317,7 +44687,7 @@ function selectorSpecificity(t, s) {
 		case ":matches":
 		case ":not":
 			if (t.nodes && t.nodes.length > 0) {
-				const e = specificityOfMostSpecificListItem(t.nodes, s);
+				const e = specificityOfMostSpecificListItem$1(t.nodes, s);
 				c += e.a, n += e.b, o += e.c;
 			}
 			break;
@@ -44336,7 +44706,7 @@ function selectorSpecificity(t, s) {
 					});
 					const r = [a];
 					t.nodes.length > 1 && r.push(...t.nodes.slice(1));
-					const l = specificityOfMostSpecificListItem(r, s);
+					const l = specificityOfMostSpecificListItem$1(r, s);
 					c += l.a, n += l.b, o += l.c;
 				}
 			}
@@ -44344,14 +44714,14 @@ function selectorSpecificity(t, s) {
 		case ":local":
 		case ":global":
 			t.nodes && t.nodes.length > 0 && t.nodes.forEach((e) => {
-				const t = selectorSpecificity(e, s);
+				const t = selectorSpecificity$1(e, s);
 				c += t.a, n += t.b, o += t.c;
 			});
 			break;
 		case ":host":
 		case ":host-context":
 			if (n += 1, t.nodes && t.nodes.length > 0) {
-				const e = specificityOfMostSpecificListItem(t.nodes, s);
+				const e = specificityOfMostSpecificListItem$1(t.nodes, s);
 				c += e.a, n += e.b, o += e.c;
 			}
 			break;
@@ -44363,7 +44733,7 @@ function selectorSpecificity(t, s) {
 		};
 	}
 	else selectorParser.isContainer(t) && t.nodes?.length > 0 && t.nodes.forEach((e) => {
-		const t = selectorSpecificity(e, s);
+		const t = selectorSpecificity$1(e, s);
 		c += t.a, n += t.b, o += t.c;
 	});
 	return {
@@ -44372,21 +44742,21 @@ function selectorSpecificity(t, s) {
 		c: o
 	};
 }
-function specificityOfMostSpecificListItem(e, t) {
+function specificityOfMostSpecificListItem$1(e, t) {
 	let s = {
 		a: 0,
 		b: 0,
 		c: 0
 	};
 	return e.forEach((e) => {
-		const i = selectorSpecificity(e, t);
-		compare(i, s) < 0 || (s = i);
+		const i = selectorSpecificity$1(e, t);
+		compare$1(i, s) < 0 || (s = i);
 	}), s;
 }
-function isPseudoElement(t) {
+function isPseudoElement$1(t) {
 	return selectorParser.isPseudoElement(t);
 }
-function selectorNodeContainsNothingOrOnlyUniversal(e) {
+function selectorNodeContainsNothingOrOnlyUniversal$1(e) {
 	if (!e) return !1;
 	if (!e.nodes) return !1;
 	const t = e.nodes.filter((e) => "comment" !== e.type);
@@ -44672,7 +45042,7 @@ const creator$48 = (a) => {
 			for (a.walkRules((t) => {
 				t.selectors.forEach((a) => {
 					try {
-						const t = selectorSpecificity(selectorParser().astSync(a));
+						const t = selectorSpecificity$1(selectorParser().astSync(a));
 						p = Math.max(p, t.a + 1);
 					} catch (e) {
 						t.warn(n, `Failed to parse selector : "${a}" with message: "${e instanceof Error ? e.message : e}"`);
@@ -44779,7 +45149,7 @@ const creator$47 = (t) => {
 };
 creator$47.postcss = !0;
 //#endregion
-//#region ../../node_modules/.pnpm/@csstools+postcss-color-function@5.0.4_postcss@8.5.15/node_modules/@csstools/postcss-color-function/dist/index.mjs
+//#region ../../node_modules/.pnpm/@csstools+postcss-color-function@5.0.5_postcss@8.5.15/node_modules/@csstools/postcss-color-function/dist/index.mjs
 var import_postcss_clamp = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exports, module) => {
 	let valueParser$1 = __require("postcss-value-parser");
 	function parseValue(value) {
@@ -44884,7 +45254,7 @@ const postcssPlugin$15 = (o) => {
 };
 postcssPlugin$15.postcss = !0;
 //#endregion
-//#region ../../node_modules/.pnpm/@csstools+postcss-color-function-display-p3-linear@2.0.4_postcss@8.5.15/node_modules/@csstools/postcss-color-function-display-p3-linear/dist/index.mjs
+//#region ../../node_modules/.pnpm/@csstools+postcss-color-function-display-p3-linear@2.0.5_postcss@8.5.15/node_modules/@csstools/postcss-color-function-display-p3-linear/dist/index.mjs
 const m$6 = /\bdisplay-p3-linear\b/i, f$7 = /^color$/i, basePlugin$14 = (s) => ({
 	postcssPlugin: "postcss-color-function-display-p3-linear",
 	Declaration(g) {
@@ -44913,7 +45283,7 @@ const postcssPlugin$14 = (o) => {
 };
 postcssPlugin$14.postcss = !0;
 //#endregion
-//#region ../../node_modules/.pnpm/postcss-color-functional-notation@8.0.4_postcss@8.5.15/node_modules/postcss-color-functional-notation/dist/index.mjs
+//#region ../../node_modules/.pnpm/postcss-color-functional-notation@8.0.5_postcss@8.5.15/node_modules/postcss-color-functional-notation/dist/index.mjs
 const m$5 = /^(?:rgb|hsl)a?$/i, f$6 = /\b(?:rgb|hsl)a?\(/i, basePlugin$13 = (s) => ({
 	postcssPlugin: "postcss-color-functional-notation",
 	Declaration(v) {
@@ -44942,7 +45312,7 @@ const postcssPlugin$13 = (o) => {
 };
 postcssPlugin$13.postcss = !0;
 //#endregion
-//#region ../../node_modules/.pnpm/@csstools+postcss-color-mix-function@4.0.4_postcss@8.5.15/node_modules/@csstools/postcss-color-mix-function/dist/index.mjs
+//#region ../../node_modules/.pnpm/@csstools+postcss-color-mix-function@4.0.5_postcss@8.5.15/node_modules/@csstools/postcss-color-mix-function/dist/index.mjs
 const f$5 = /\bcolor-mix\(/i, g$6 = /^color-mix$/i, basePlugin$12 = (s) => ({
 	postcssPlugin: "postcss-color-mix-function",
 	Declaration(v) {
@@ -44978,7 +45348,7 @@ const postcssPlugin$12 = (e) => {
 };
 postcssPlugin$12.postcss = !0;
 //#endregion
-//#region ../../node_modules/.pnpm/@csstools+postcss-color-mix-variadic-function-arguments@2.0.4_postcss@8.5.15/node_modules/@csstools/postcss-color-mix-variadic-function-arguments/dist/index.mjs
+//#region ../../node_modules/.pnpm/@csstools+postcss-color-mix-variadic-function-arguments@2.0.5_postcss@8.5.15/node_modules/@csstools/postcss-color-mix-variadic-function-arguments/dist/index.mjs
 const f$4 = /\bcolor-mix\(/i, g$5 = /^color-mix$/i, basePlugin$11 = (s) => ({
 	postcssPlugin: "color-mix-variadic-function-arguments",
 	Declaration(v) {
@@ -45076,7 +45446,7 @@ const creator$45 = (t) => {
 };
 creator$45.postcss = !0;
 //#endregion
-//#region ../../node_modules/.pnpm/@csstools+postcss-contrast-color-function@3.0.4_postcss@8.5.15/node_modules/@csstools/postcss-contrast-color-function/dist/index.mjs
+//#region ../../node_modules/.pnpm/@csstools+postcss-contrast-color-function@3.0.5_postcss@8.5.15/node_modules/@csstools/postcss-contrast-color-function/dist/index.mjs
 const u$6 = /\bcontrast-color\(/i, m$4 = /^contrast-color$/i, basePlugin$9 = (s) => ({
 	postcssPlugin: "postcss-contrast-color-function",
 	prepare: () => ({
@@ -48432,7 +48802,7 @@ function hasFallback(t) {
 }
 creator$34.postcss = !0;
 //#endregion
-//#region ../../node_modules/.pnpm/@csstools+postcss-gamut-mapping@3.0.4_postcss@8.5.15/node_modules/@csstools/postcss-gamut-mapping/dist/index.mjs
+//#region ../../node_modules/.pnpm/@csstools+postcss-gamut-mapping@3.0.5_postcss@8.5.15/node_modules/@csstools/postcss-gamut-mapping/dist/index.mjs
 const p = /\bcolor-gamut\b/i;
 function hasConditionalAncestor(e) {
 	let o = e.parent;
@@ -48546,7 +48916,7 @@ const e$6 = [
 };
 creator$32.postcss = !0;
 //#endregion
-//#region ../../node_modules/.pnpm/@csstools+postcss-gradients-interpolation-method@6.0.4_postcss@8.5.15/node_modules/@csstools/postcss-gradients-interpolation-method/dist/index.mjs
+//#region ../../node_modules/.pnpm/@csstools+postcss-gradients-interpolation-method@6.0.5_postcss@8.5.15/node_modules/@csstools/postcss-gradients-interpolation-method/dist/index.mjs
 const x = /(?:repeating-)?(?:linear|radial|conic)-gradient\(/i, W = /\bin\b/i, P$1 = { test: (o) => x.test(o) && W.test(o) }, A$1 = /^(repeating-)?(linear|radial|conic)-gradient$/i;
 function interpolateColorsInColorStopsList(o, e, t, s = !1) {
 	const l = [], a = [];
@@ -48917,7 +49287,7 @@ const creator$31 = (t) => {
 									}) : (delete e.parent, c.append(e));
 								});
 							}
-							const i = "[" + encodeCSS(c.toString()) + "]", l = selectorSpecificity(c);
+							const i = "[" + encodeCSS(c.toString()) + "]", l = selectorSpecificity$1(c);
 							let u = i;
 							for (let e = 0; e < l.a; e++) u += r;
 							const p = Math.max(1, l.b) - 1;
@@ -48975,7 +49345,7 @@ function hexa2rgba(e) {
 	e.value = `rgba(${r},${l},${n},${c})`;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/@csstools+postcss-hwb-function@5.0.4_postcss@8.5.15/node_modules/@csstools/postcss-hwb-function/dist/index.mjs
+//#region ../../node_modules/.pnpm/@csstools+postcss-hwb-function@5.0.5_postcss@8.5.15/node_modules/@csstools/postcss-hwb-function/dist/index.mjs
 const u$3 = /\bhwb\(/i, m$2 = /^hwb$/i, basePlugin$6 = (s) => ({
 	postcssPlugin: "postcss-hwb-function",
 	Declaration(f) {
@@ -49197,6 +49567,137 @@ const handleInvalidation = (e, t, n) => {
 };
 creator$29.postcss = !0;
 //#endregion
+//#region ../../node_modules/.pnpm/@csstools+selector-specificity@6.0.0_postcss-selector-parser@7.1.2/node_modules/@csstools/selector-specificity/dist/index.mjs
+function compare(e, t) {
+	return e.a === t.a ? e.b === t.b ? e.c - t.c : e.b - t.b : e.a - t.a;
+}
+function selectorSpecificity(t, s) {
+	const i = s?.customSpecificity?.(t);
+	if (i) return i;
+	if (!t) return {
+		a: 0,
+		b: 0,
+		c: 0
+	};
+	let c = 0, n = 0, o = 0;
+	if ("universal" == t.type) return {
+		a: 0,
+		b: 0,
+		c: 0
+	};
+	if ("id" === t.type) c += 1;
+	else if ("tag" === t.type) o += 1;
+	else if ("class" === t.type) n += 1;
+	else if ("attribute" === t.type) n += 1;
+	else if (isPseudoElement(t)) switch (t.value.toLowerCase()) {
+		case "::slotted":
+			if (o += 1, t.nodes && t.nodes.length > 0) {
+				const e = specificityOfMostSpecificListItem(t.nodes, s);
+				c += e.a, n += e.b, o += e.c;
+			}
+			break;
+		case "::view-transition-group":
+		case "::view-transition-image-pair":
+		case "::view-transition-old":
+		case "::view-transition-new": return t.nodes && 1 === t.nodes.length && "selector" === t.nodes[0].type && selectorNodeContainsNothingOrOnlyUniversal(t.nodes[0]) ? {
+			a: 0,
+			b: 0,
+			c: 0
+		} : {
+			a: 0,
+			b: 0,
+			c: 1
+		};
+		default: o += 1;
+	}
+	else if (selectorParser.isPseudoClass(t)) switch (t.value.toLowerCase()) {
+		case ":-webkit-any":
+		case ":any":
+		default:
+			n += 1;
+			break;
+		case ":-moz-any":
+		case ":has":
+		case ":is":
+		case ":matches":
+		case ":not":
+			if (t.nodes && t.nodes.length > 0) {
+				const e = specificityOfMostSpecificListItem(t.nodes, s);
+				c += e.a, n += e.b, o += e.c;
+			}
+			break;
+		case ":where": break;
+		case ":nth-child":
+		case ":nth-last-child":
+			if (n += 1, t.nodes && t.nodes.length > 0) {
+				const i = t.nodes[0].nodes.findIndex((e) => "tag" === e.type && "of" === e.value.toLowerCase());
+				if (i > -1) {
+					const a = selectorParser.selector({
+						nodes: [],
+						value: ""
+					});
+					t.nodes[0].nodes.slice(i + 1).forEach((e) => {
+						a.append(e.clone());
+					});
+					const r = [a];
+					t.nodes.length > 1 && r.push(...t.nodes.slice(1));
+					const l = specificityOfMostSpecificListItem(r, s);
+					c += l.a, n += l.b, o += l.c;
+				}
+			}
+			break;
+		case ":local":
+		case ":global":
+			t.nodes && t.nodes.length > 0 && t.nodes.forEach((e) => {
+				const t = selectorSpecificity(e, s);
+				c += t.a, n += t.b, o += t.c;
+			});
+			break;
+		case ":host":
+		case ":host-context":
+			if (n += 1, t.nodes && t.nodes.length > 0) {
+				const e = specificityOfMostSpecificListItem(t.nodes, s);
+				c += e.a, n += e.b, o += e.c;
+			}
+			break;
+		case ":active-view-transition":
+		case ":active-view-transition-type": return {
+			a: 0,
+			b: 1,
+			c: 0
+		};
+	}
+	else selectorParser.isContainer(t) && t.nodes?.length > 0 && t.nodes.forEach((e) => {
+		const t = selectorSpecificity(e, s);
+		c += t.a, n += t.b, o += t.c;
+	});
+	return {
+		a: c,
+		b: n,
+		c: o
+	};
+}
+function specificityOfMostSpecificListItem(e, t) {
+	let s = {
+		a: 0,
+		b: 0,
+		c: 0
+	};
+	return e.forEach((e) => {
+		const i = selectorSpecificity(e, t);
+		compare(i, s) < 0 || (s = i);
+	}), s;
+}
+function isPseudoElement(t) {
+	return selectorParser.isPseudoElement(t);
+}
+function selectorNodeContainsNothingOrOnlyUniversal(e) {
+	if (!e) return !1;
+	if (!e.nodes) return !1;
+	const t = e.nodes.filter((e) => "comment" !== e.type);
+	return 0 === t.length || 1 === t.length && "universal" === t[0].type;
+}
+//#endregion
 //#region ../../node_modules/.pnpm/@csstools+postcss-is-pseudo-class@6.0.0_postcss@8.5.15/node_modules/@csstools/postcss-is-pseudo-class/dist/index.mjs
 function alwaysValidSelector(s) {
 	const o = selectorParser().astSync(s);
@@ -49466,7 +49967,7 @@ const n$3 = /:is\(/i, creator$28 = (e) => {
 };
 creator$28.postcss = !0;
 //#endregion
-//#region ../../node_modules/.pnpm/postcss-lab-function@8.0.4_postcss@8.5.15/node_modules/postcss-lab-function/dist/index.mjs
+//#region ../../node_modules/.pnpm/postcss-lab-function@8.0.5_postcss@8.5.15/node_modules/postcss-lab-function/dist/index.mjs
 const g$2 = /\b(?:lab|lch)\(/i, f$2 = /^(?:lab|lch)$/i, basePlugin$3 = (s) => ({
 	postcssPlugin: "postcss-lab-function",
 	Declaration(b) {
@@ -51029,7 +51530,7 @@ const creator$19 = (s) => {
 };
 creator$19.postcss = !0;
 //#endregion
-//#region ../../node_modules/.pnpm/@csstools+selector-resolve-nested@4.0.0_postcss-selector-parser@7.1.2/node_modules/@csstools/selector-resolve-nested/dist/index.mjs
+//#region ../../node_modules/.pnpm/@csstools+selector-resolve-nested@4.0.0_postcss-selector-parser@7.1.4/node_modules/@csstools/selector-resolve-nested/dist/index.mjs
 function sourceFrom(e) {
 	return {
 		sourceIndex: e.sourceIndex ?? 0,
@@ -51286,7 +51787,7 @@ function combinationsWithSizeN(e, t) {
 	}
 }
 function nodesAreEquallySpecific(n) {
-	const r = n.map((t) => selectorParser().astSync(t)).map((e) => selectorSpecificity(e)), o = r[0];
+	const r = n.map((t) => selectorParser().astSync(t)).map((e) => selectorSpecificity$1(e)), o = r[0];
 	for (let e = 1; e < r.length; e++) if (o.a !== r[e].a || o.b !== r[e].b || o.c !== r[e].c) return !1;
 	return !0;
 }
@@ -51536,7 +52037,7 @@ const creator$17 = () => ({
 });
 creator$17.postcss = !0;
 //#endregion
-//#region ../../node_modules/.pnpm/@csstools+postcss-oklab-function@5.0.4_postcss@8.5.15/node_modules/@csstools/postcss-oklab-function/dist/index.mjs
+//#region ../../node_modules/.pnpm/@csstools+postcss-oklab-function@5.0.5_postcss@8.5.15/node_modules/@csstools/postcss-oklab-function/dist/index.mjs
 const g$1 = /\b(?:oklab|oklch)\(/i, f$1 = /^(?:oklab|oklch)$/i, basePlugin$1 = (s) => ({
 	postcssPlugin: "postcss-oklab-function",
 	Declaration(b) {
@@ -51769,7 +52270,7 @@ const s$3 = /rebeccapurple/i, t$1 = /^rebeccapurple$/i, creator$10 = (o) => {
 };
 creator$10.postcss = !0;
 //#endregion
-//#region ../../node_modules/.pnpm/@csstools+postcss-relative-color-syntax@4.0.4_postcss@8.5.15/node_modules/@csstools/postcss-relative-color-syntax/dist/index.mjs
+//#region ../../node_modules/.pnpm/@csstools+postcss-relative-color-syntax@4.0.5_postcss@8.5.15/node_modules/@csstools/postcss-relative-color-syntax/dist/index.mjs
 const g = /\b(?:rgb|rgba|hsl|hsla|hwb|lab|lch|oklch|oklab|color)\(/i, h = /\b(?:rgb|rgba|hsl|hsla|hwb|lab|lch|oklch|oklab|color)\(\s*from/i, m$1 = /^(?:rgb|rgba|hsl|hsla|hwb|lab|lch|oklch|oklab|color)$/i, y = /from/i, basePlugin = (s) => ({
 	postcssPlugin: "postcss-relative-color-syntax",
 	Declaration(f) {
@@ -52761,7 +53262,7 @@ const e$1 = new Set([
 };
 creator$2.postcss = !0;
 //#endregion
-//#region ../../node_modules/.pnpm/postcss-preset-env@11.3.0_postcss@8.5.15/node_modules/postcss-preset-env/dist/index.mjs
+//#region ../../node_modules/.pnpm/postcss-preset-env@11.3.1_postcss@8.5.15/node_modules/postcss-preset-env/dist/index.mjs
 const ks = {
 	"blank-pseudo-class": "https://github.com/csstools/postcss-plugins/blob/main/plugins/css-blank-pseudo/README.md#browser",
 	"focus-visible-pseudo-class": "https://github.com/WICG/focus-visible",
@@ -53666,7 +54167,7 @@ function getCalcDuplicateCleaner(options) {
 	return calcDuplicateCleanerPlugin;
 }
 //#endregion
-//#region ../../node_modules/.pnpm/es-toolkit@1.47.0/node_modules/es-toolkit/dist/object/omit.mjs
+//#region ../../node_modules/.pnpm/es-toolkit@1.47.1/node_modules/es-toolkit/dist/object/omit.mjs
 /**
 * Creates a new object with specified keys omitted.
 *
@@ -53675,9 +54176,9 @@ function getCalcDuplicateCleaner(options) {
 *
 * @template T - The type of object.
 * @template K - The type of keys in object.
-* @param {T} obj - The object to omit keys from.
-* @param {K[]} keys - An array of keys to be omitted from the object.
-* @returns {Omit<T, K>} A new object with the specified keys omitted.
+* @param obj - The object to omit keys from.
+* @param keys - An array of keys to be omitted from the object.
+* @returns A new object with the specified keys omitted.
 *
 * @example
 * const obj = { a: 1, b: 2, c: 3 };
@@ -54919,6 +55420,13 @@ function injectMissingTailwindcssV4Defaults(root) {
 		nodes
 	});
 }
+function hasTailwindcssV4GradientRuntime(root) {
+	let found = false;
+	root.walkDecls((decl) => {
+		if (decl.prop === "--tw-gradient-position" || decl.prop === "--tw-gradient-from" || decl.prop === "--tw-gradient-to") found = true;
+	});
+	return found;
+}
 const postcssWeappTailwindcssPostPlugin = (options) => {
 	const opts = defu(options, { isMainChunk: true });
 	const p = { postcssPlugin };
@@ -54959,6 +55467,10 @@ const postcssWeappTailwindcssPostPlugin = (options) => {
 			root.walkRules((rule) => {
 				removeRedundantTransitionPropertyFallbacks(rule);
 			});
+			if (opts.majorVersion === 4 || hasTailwindcssV4GradientRuntime(root)) {
+				mergeTailwindcssV4GradientDirectionRules(root);
+				if (opts.tailwindcssV4GradientFallback === true) appendTailwindcssV4MiniProgramGradientRules(root);
+			}
 			root.walkAtRules((atRule) => {
 				removeUnsupportedMiniProgramPrefixedAtRule(atRule);
 			});