@weapp-tailwindcss/postcss 3.0.3 → 3.0.5

package/dist/index.mjs

@@ -36,6 +36,37 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 	enumerable: true
 }) : target, mod));
 var __require = /* @__PURE__ */ createRequire(import.meta.url);
+const MODERN_COLOR_FUNCTION_NAMES = new Set([
+	"oklch",
+	"oklab",
+	"lch",
+	"lab"
+]);
+const PLACEHOLDER_PREFIX = "__weapp_tw_color_mix_";
+const DYNAMIC_ALPHA_RE = /\b(?:var|env)\(|--[\w-]+\b/;
+const INTERNAL_TAILWIND_ALPHA_RE = /var\(\s*--tw-[^)]+-alpha\s*\)/;
+const TRANSPARENT_COLOR_RE = /^transparent$/i;
+const CURRENT_COLOR_RE = /^currentcolor$/i;
+const CSS_WIDE_KEYWORD_RE = /^(?:inherit|initial|unset|revert|revert-layer)$/i;
+const CUSTOM_PROPERTY_RE = /^--[\w-]+$/;
+//#endregion
+//#region src/compat/color-mix/modern.ts
+function isDisplayP3ColorFunction(colorSource) {
+	return /^color\(\s*display-p3\b/i.test(colorSource.trim());
+}
+function hasUnsupportedModernColorFunction(value) {
+	const parsed = valueParser(value);
+	let hasUnsupported = false;
+	parsed.walk((node) => {
+		if (node.type !== "function") return;
+		const name = node.value.toLowerCase();
+		if (name === "color-mix" || MODERN_COLOR_FUNCTION_NAMES.has(name) || name === "color" && isDisplayP3ColorFunction(valueParser.stringify(node))) {
+			hasUnsupported = true;
+			return false;
+		}
+	});
+	return hasUnsupported;
+}
 //#endregion
 //#region ../../node_modules/.pnpm/@csstools+css-tokenizer@4.0.0/node_modules/@csstools/css-tokenizer/dist/index.mjs
 var ParseError$1 = class extends Error {
@@ -6536,21 +6567,7 @@ function color(e) {
 	return !1;
 }
 //#endregion
-//#region src/compat/color-mix.ts
-const COLOR_MIX_NAME = "color-mix";
-const MODERN_COLOR_FUNCTION_NAMES = new Set([
-	"oklch",
-	"oklab",
-	"lch",
-	"lab"
-]);
-const PLACEHOLDER_PREFIX = "__weapp_tw_color_mix_";
-const DYNAMIC_ALPHA_RE = /\b(?:var|env)\(|--[\w-]+\b/;
-const INTERNAL_TAILWIND_ALPHA_RE = /var\(\s*--tw-[^)]+-alpha\s*\)/;
-const TRANSPARENT_COLOR_RE = /^transparent$/i;
-const CURRENT_COLOR_RE = /^currentcolor$/i;
-const CSS_WIDE_KEYWORD_RE = /^(?:inherit|initial|unset|revert|revert-layer)$/i;
-const CUSTOM_PROPERTY_RE = /^--[\w-]+$/;
+//#region src/compat/color-mix/parse.ts
 function splitArguments(nodes) {
 	const args = [];
 	let current = [];
@@ -6633,51 +6650,8 @@ function normalizeStandaloneColorFunction(colorSource) {
 	const resolvedColor = getParsedColorData(colorSource);
 	return resolvedColor ? serializeRGB(resolvedColor).toString() : void 0;
 }
-function isDisplayP3ColorFunction(colorSource) {
-	return /^color\(\s*display-p3\b/i.test(colorSource.trim());
-}
-function hasUnsupportedModernColorFunction(value) {
-	const parsed = valueParser(value);
-	let hasUnsupported = false;
-	parsed.walk((node) => {
-		if (node.type !== "function") return;
-		const name = node.value.toLowerCase();
-		if (name === COLOR_MIX_NAME || MODERN_COLOR_FUNCTION_NAMES.has(name) || name === "color" && isDisplayP3ColorFunction(valueParser.stringify(node))) {
-			hasUnsupported = true;
-			return false;
-		}
-	});
-	return hasUnsupported;
-}
-function normalizeModernColorValue(value, customPropertyValues = /* @__PURE__ */ new Map()) {
-	if (!hasUnsupportedModernColorFunction(value)) return {
-		value,
-		changed: false,
-		hasUnsupported: false
-	};
-	const parsed = valueParser(value);
-	let changed = false;
-	parsed.walk((node) => {
-		if (node.type !== "function") return;
-		const name = node.value.toLowerCase();
-		const source = valueParser.stringify(node);
-		let normalized;
-		if (MODERN_COLOR_FUNCTION_NAMES.has(name) || name === "color" && isDisplayP3ColorFunction(source)) normalized = normalizeStandaloneColorFunction(source);
-		else if (name === COLOR_MIX_NAME) normalized = tryResolveColorMix(node, customPropertyValues)?.value;
-		if (!normalized) return;
-		const mutableNode = node;
-		mutableNode.type = "word";
-		mutableNode.value = normalized;
-		delete mutableNode.nodes;
-		changed = true;
-	});
-	const nextValue = changed ? parsed.toString() : value;
-	return {
-		value: nextValue,
-		changed,
-		hasUnsupported: hasUnsupportedModernColorFunction(nextValue)
-	};
-}
+//#endregion
+//#region src/compat/color-mix/resolve.ts
 function createRgbaWithAlpha(colorSource, alphaSource, customPropertyValues) {
 	const resolvedColor = resolveColorData(colorSource, customPropertyValues);
 	if (!resolvedColor) return;
@@ -6723,17 +6697,48 @@ function tryResolveColorMix(node, customPropertyValues) {
 		deferred: false
 	};
 }
+//#endregion
+//#region src/compat/color-mix.ts
+function normalizeModernColorValue(value, customPropertyValues = /* @__PURE__ */ new Map()) {
+	if (!hasUnsupportedModernColorFunction(value)) return {
+		value,
+		changed: false,
+		hasUnsupported: false
+	};
+	const parsed = valueParser(value);
+	let changed = false;
+	parsed.walk((node) => {
+		if (node.type !== "function") return;
+		const name = node.value.toLowerCase();
+		const source = valueParser.stringify(node);
+		let normalized;
+		if (MODERN_COLOR_FUNCTION_NAMES.has(name) || name === "color" && isDisplayP3ColorFunction(source)) normalized = normalizeStandaloneColorFunction(source);
+		else if (name === "color-mix") normalized = tryResolveColorMix(node, customPropertyValues)?.value;
+		if (!normalized) return;
+		const mutableNode = node;
+		mutableNode.type = "word";
+		mutableNode.value = normalized;
+		delete mutableNode.nodes;
+		changed = true;
+	});
+	const nextValue = changed ? parsed.toString() : value;
+	return {
+		value: nextValue,
+		changed,
+		hasUnsupported: hasUnsupportedModernColorFunction(nextValue)
+	};
+}
 function createPlaceholder(index) {
 	return `${PLACEHOLDER_PREFIX}${index}__`;
 }
 function unwrapProtectedSupports(cssRoot) {
 	cssRoot.walkAtRules("supports", (atRule) => {
-		if (!atRule.nodes || !atRule.toString().includes(PLACEHOLDER_PREFIX)) return;
+		if (!atRule.nodes || !atRule.toString().includes("__weapp_tw_color_mix_")) return;
 		atRule.replaceWith(atRule.nodes);
 	});
 }
 function protectDynamicColorMixAlpha(css, options = {}) {
-	if (!css.includes(COLOR_MIX_NAME)) return {
+	if (!css.includes("color-mix")) return {
 		css,
 		restore: (value) => value
 	};
@@ -6742,14 +6747,14 @@ function protectDynamicColorMixAlpha(css, options = {}) {
 	const customPropertyValues = new Map(options.customPropertyValues);
 	let changed = false;
 	root.walkDecls((decl) => {
-		if (decl.prop.startsWith("--") && !decl.value.includes(COLOR_MIX_NAME)) customPropertyValues.set(decl.prop, decl.value.trim());
+		if (decl.prop.startsWith("--") && !decl.value.includes("color-mix")) customPropertyValues.set(decl.prop, decl.value.trim());
 	});
 	root.walkDecls((decl) => {
-		if (!decl.value.includes(COLOR_MIX_NAME)) return;
+		if (!decl.value.includes("color-mix")) return;
 		const parsed = valueParser(decl.value);
 		let mutated = false;
 		parsed.walk((node) => {
-			if (node.type !== "function" || node.value.toLowerCase() !== COLOR_MIX_NAME) return;
+			if (node.type !== "function" || node.value.toLowerCase() !== "color-mix") return;
 			const resolved = tryResolveColorMix(node, customPropertyValues);
 			if (resolved) {
 				if (resolved.deferred) {
@@ -7205,7 +7210,27 @@ function isTailwindcssV4DisplayP3Media(atRule) {
 function isTailwindcssV4DisplayP3Declaration(decl) {
 	return DISPLAY_P3_VALUE_RE$1.test(decl.value);
 }
+function normalizeTailwindcssV4EmptyVarFallback(value) {
+	if (!value.includes("var(") || !value.includes("--tw-")) return value;
+	const parsed = valueParser(value);
+	let changed = false;
+	parsed.walk((node) => {
+		if (node.type !== "function" || node.value.toLowerCase() !== "var") return;
+		const firstArg = node.nodes.find((child) => child.type !== "space");
+		const lastArg = node.nodes.findLast((child) => child.type !== "space");
+		if (firstArg?.type !== "word" || !firstArg.value.startsWith("--tw-") || lastArg?.type !== "div" || lastArg.value !== "," || node.after === " ") return;
+		node.after = " ";
+		changed = true;
+	});
+	return changed ? parsed.toString() : value;
+}
 function normalizeTailwindcssV4Declaration(decl) {
+	let changed = false;
+	const normalizedEmptyVarFallback = normalizeTailwindcssV4EmptyVarFallback(decl.value);
+	if (normalizedEmptyVarFallback !== decl.value) {
+		decl.value = normalizedEmptyVarFallback;
+		changed = true;
+	}
 	if (decl.prop === "--tw-gradient-position" && decl.value.endsWith(OKLAB_SUFFIX)) {
 		decl.value = decl.value.slice(0, decl.value.length - 8).trimEnd();
 		return true;
@@ -7227,17 +7252,38 @@ function normalizeTailwindcssV4Declaration(decl) {
 			return true;
 		}
 	}
-	return false;
+	return changed;
 }
 //#endregion
-//#region src/compat/mini-program-css/color-gamut.ts
-const DISPLAY_P3_VALUE_RE = /color\(\s*display-p3\b/i;
-const COLOR_GAMUT_P3_RE = /\(\s*color-gamut\s*:\s*p3\s*\)/i;
-function isDisplayP3MediaRule(atRule) {
-	return atRule.name === "media" && COLOR_GAMUT_P3_RE.test(atRule.params);
+//#region src/compat/mini-program-css/directives.ts
+const TAILWIND_V4_BANNER_RE = /\/\*!\s*tailwindcss v4\./;
+const GENERATOR_PLACEHOLDER_COMMENT_RE = /^\s*(?:!\s*)?weapp-tailwindcss generator-placeholder\s*$/i;
+function hasTailwindcssV4Signal(css) {
+	if (TAILWIND_V4_BANNER_RE.test(css)) return true;
+	const root = postcss.parse(css);
+	let hasProperty = false;
+	root.walkAtRules("property", (atRule) => {
+		if (atRule.params.trim().startsWith("--tw-")) {
+			hasProperty = true;
+			return false;
+		}
+	});
+	return hasProperty;
 }
-function isDisplayP3Declaration(decl) {
-	return DISPLAY_P3_VALUE_RE.test(decl.value);
+function unwrapTailwindSourceMedia(root) {
+	root.walkAtRules("media", (atRule) => {
+		if (!atRule.params.startsWith("source(")) return;
+		if (atRule.nodes && atRule.nodes.length > 0) atRule.replaceWith(...atRule.nodes);
+		else atRule.remove();
+	});
+}
+function removeTailwindGenerationDirectives(root) {
+	root.walkComments((comment) => {
+		if (GENERATOR_PLACEHOLDER_COMMENT_RE.test(comment.text)) comment.remove();
+	});
+	root.walkAtRules((atRule) => {
+		if (atRule.name === "config" || atRule.name === "source" || atRule.name === "tailwind" || atRule.name === "reference" || atRule.name === "plugin") atRule.remove();
+	});
 }
 //#endregion
 //#region src/compat/mini-program-css/selectors.ts
@@ -7384,7 +7430,7 @@ function isCustomPropertyRule(rule) {
 function isEmptyTwContentDeclaration(decl) {
 	return decl.prop === "--tw-content" && (decl.value === "\"\"" || decl.value === "''");
 }
-function isOnlyTwContentDeclarations(rule) {
+function isOnlyTwContentDeclarations$1(rule) {
 	let hasDeclaration = false;
 	let onlyContentVariable = true;
 	rule.walkDecls((decl) => {
@@ -7395,7 +7441,7 @@ function isOnlyTwContentDeclarations(rule) {
 }
 function isPseudoContentInitRule(rule) {
 	const selector = rule.selector.replace(/\s+/g, "");
-	return PSEUDO_CONTENT_SELECTOR_RE.test(selector) && isOnlyTwContentDeclarations(rule);
+	return PSEUDO_CONTENT_SELECTOR_RE.test(selector) && isOnlyTwContentDeclarations$1(rule);
 }
 function usesTwContentVariable(root) {
 	let used = false;
@@ -7413,82 +7459,92 @@ function isMiniProgramThemeVariableRule(node) {
 	return isMiniProgramThemeScopeSelector(getRuleSelectors(node)) && isCustomPropertyRule(node);
 }
 //#endregion
-//#region src/compat/mini-program-css/root-cleanups.ts
-function removeSpecificityPlaceholders(root) {
-	root.walkRules((rule) => {
-		if (!rule.selectors || rule.selectors.length === 0) return;
-		let changed = false;
-		const selectors = rule.selectors.map((selector) => {
-			let next = selector;
-			for (const suffix of SPECIFICITY_PLACEHOLDER_SUFFIXES) if (next.includes(suffix)) next = next.split(suffix).join("");
-			if (next !== selector) changed = true;
-			return next;
-		});
-		if (changed) rule.selectors = selectors;
-	});
-}
-function removeEmptyAtRuleAncestors(parent) {
-	while (parent?.type === "atrule" && (!parent.nodes || parent.nodes.length === 0)) {
-		const nextParent = parent.parent;
-		parent.remove();
-		parent = nextParent?.type === "atrule" ? nextParent : void 0;
+//#region src/compat/mini-program-css/hoist.ts
+const HOIST_ANCHOR_COMMENT = "__weapp_tailwindcss_base_anchor__";
+function getTopDirectiveTail(root) {
+	let tail;
+	for (const node of root.nodes ?? []) {
+		if (node.type === "atrule" && (node.name === "charset" || node.name === "import")) {
+			tail = node;
+			continue;
+		}
+		break;
 	}
+	return tail;
 }
-function removeUnsupportedBrowserSelectors(root) {
-	root.walkRules((rule) => {
-		if (!rule.selectors || rule.selectors.length === 0) return;
-		const selectors = rule.selectors.filter((selector) => !isUnsupportedBrowserSelector(selector));
-		if (selectors.length === rule.selectors.length) return;
-		if (selectors.length === 0) {
-			const parent = rule.parent;
-			rule.remove();
-			removeEmptyAtRuleAncestors(parent);
-			return;
-		}
-		rule.selectors = selectors;
-	});
+function reorderPreflightResetDeclarations(rule) {
+	const declarations = (rule.nodes ?? []).filter((node) => node.type === "decl");
+	if (declarations.length <= 1) return;
+	const resetDeclarations = [];
+	const otherDeclarations = [];
+	for (const declaration of declarations) if (PREFLIGHT_RESET_PROPS.has(declaration.prop)) resetDeclarations.push(declaration);
+	else otherDeclarations.push(declaration);
+	if (resetDeclarations.length === 0 || otherDeclarations.length === 0) return;
+	const orderedDeclarations = [...resetDeclarations, ...otherDeclarations];
+	if (orderedDeclarations.every((declaration, index) => declaration === declarations[index])) return;
+	for (const declaration of declarations) declaration.remove();
+	rule.prepend(...orderedDeclarations);
+	rule.raws.semicolon = true;
 }
-function removeDeclarationAndEmptyRule$1(decl) {
-	const parent = decl.parent;
-	decl.remove();
-	if (parent?.type === "rule" && parent.nodes.length === 0) {
-		const ruleParent = parent.parent;
-		parent.remove();
-		removeEmptyAtRuleAncestors(ruleParent);
+function createHoistInsertionAnchor(root) {
+	for (const node of root.nodes ?? []) if (isMiniProgramPreflightRule(node) || isMiniProgramThemeVariableRule(node)) {
+		const anchor = postcss.comment({ text: HOIST_ANCHOR_COMMENT });
+		node.before(anchor);
+		return anchor;
 	}
 }
-function removeDisplayP3Declarations(root) {
-	root.walkAtRules((atRule) => {
-		if (isDisplayP3MediaRule(atRule)) {
-			const parent = atRule.parent;
-			atRule.remove();
-			removeEmptyAtRuleAncestors(parent);
-		}
-	});
+function insertHoistedRules(root, rules, anchor) {
+	if (anchor && !anchor.parent) anchor = void 0;
+	if (rules.length === 0) {
+		anchor?.remove();
+		return;
+	}
+	const topDirectiveTail = getTopDirectiveTail(root);
+	const firstRule = rules[0];
+	if (!firstRule) return;
+	if (anchor) {
+		if (anchor.raws.before === void 0) delete firstRule.raws.before;
+		else firstRule.raws.before = anchor.raws.before;
+		anchor.replaceWith(rules);
+		return;
+	}
+	firstRule.raws.before = topDirectiveTail ? "\n" : "";
+	if (topDirectiveTail) topDirectiveTail.after(rules);
+	else root.prepend(rules);
 }
-function removeUnsupportedModernColorDeclarations(root) {
-	const customPropertyValues = /* @__PURE__ */ new Map();
-	root.walkDecls((decl) => {
-		if (decl.prop.startsWith("--")) customPropertyValues.set(decl.prop, decl.value.trim());
-	});
-	root.walkDecls((decl) => {
-		const normalized = normalizeModernColorValue(decl.value, customPropertyValues);
-		if (normalized.changed) {
-			decl.value = normalized.value;
-			if (decl.prop.startsWith("--")) customPropertyValues.set(decl.prop, decl.value.trim());
+function mergeEquivalentHoistedRules(rules) {
+	const mergedRules = [];
+	const ruleBySelector = /* @__PURE__ */ new Map();
+	const propsBySelector = /* @__PURE__ */ new Map();
+	for (const rule of rules) {
+		const key = getSortedRuleSelectorKey(rule);
+		const existingRule = ruleBySelector.get(key);
+		if (existingRule) {
+			const existingProps = propsBySelector.get(key) ?? /* @__PURE__ */ new Set();
+			const nextNodes = (rule.nodes ?? []).filter((node) => {
+				if (node.type !== "decl") return true;
+				if (existingProps.has(node.prop)) return false;
+				existingProps.add(node.prop);
+				return true;
+			});
+			existingRule.append(...nextNodes.map((node) => node.clone()));
+			reorderPreflightResetDeclarations(existingRule);
+			propsBySelector.set(key, existingProps);
+			continue;
 		}
-		if (normalized.hasUnsupported) removeDeclarationAndEmptyRule$1(decl);
-	});
+		ruleBySelector.set(key, rule);
+		propsBySelector.set(key, new Set((rule.nodes ?? []).flatMap((node) => node.type === "decl" ? [node.prop] : [])));
+		reorderPreflightResetDeclarations(rule);
+		mergedRules.push(rule);
+	}
+	return mergedRules;
 }
 //#endregion
-//#region src/compat/mini-program-css/finalize.ts
-const HOIST_ANCHOR_COMMENT = "__weapp_tailwindcss_base_anchor__";
-const TAILWIND_V4_BANNER_RE = /\/\*!\s*tailwindcss v4\./;
-const GENERATOR_PLACEHOLDER_COMMENT_RE = /^\s*(?:!\s*)?weapp-tailwindcss generator-placeholder\s*$/i;
-const MINI_PROGRAM_PSEUDO_CONTENT_SCOPE_SELECTOR = "::before,\n::after";
+//#region src/compat/mini-program-css/preflight.ts
+const MINI_PROGRAM_PSEUDO_CONTENT_SCOPE_SELECTOR$1 = "::before,\n::after";
 const MINI_PROGRAM_PSEUDO_CONTENT_SELECTORS = new Set(["::before", "::after"]);
 function createPseudoContentInitRule() {
-	const rule = postcss.rule({ selector: MINI_PROGRAM_PSEUDO_CONTENT_SCOPE_SELECTOR });
+	const rule = postcss.rule({ selector: MINI_PROGRAM_PSEUDO_CONTENT_SCOPE_SELECTOR$1 });
 	rule.append({
 		prop: "--tw-content",
 		value: "''"
@@ -7529,7 +7585,7 @@ function collectPreflightRules(root, options = {}) {
 	for (const rule of clonedPreflightRules) {
 		const selectors = getRuleSelectors(rule);
 		const hasElementSelector = selectors.some((selector) => selector === "view" || selector === "text");
-		if (selectors.length > 0 && selectors.every((selector) => MINI_PROGRAM_PSEUDO_CONTENT_SELECTORS.has(selector))) rule.selector = MINI_PROGRAM_PSEUDO_CONTENT_SCOPE_SELECTOR;
+		if (selectors.length > 0 && selectors.every((selector) => MINI_PROGRAM_PSEUDO_CONTENT_SELECTORS.has(selector))) rule.selector = MINI_PROGRAM_PSEUDO_CONTENT_SCOPE_SELECTOR$1;
 		else if (hasElementSelector && selectors.every((selector) => MINI_PROGRAM_ELEMENT_SCOPE_SELECTORS.has(selector))) {
 			rule.selector = MINI_PROGRAM_ELEMENT_SCOPE_SELECTOR;
 			applyConfiguredPreflightDeclarations(rule, options.cssPreflight);
@@ -7552,6 +7608,131 @@ function createPreflightResetRule(cssPreflight) {
 	}
 	return rule.nodes?.length ? rule : void 0;
 }
+//#endregion
+//#region src/compat/mini-program-css/color-gamut.ts
+const DISPLAY_P3_VALUE_RE = /color\(\s*display-p3\b/i;
+const COLOR_GAMUT_P3_RE = /\(\s*color-gamut\s*:\s*p3\s*\)/i;
+function isDisplayP3MediaRule(atRule) {
+	return atRule.name === "media" && COLOR_GAMUT_P3_RE.test(atRule.params);
+}
+function isDisplayP3Declaration(decl) {
+	return DISPLAY_P3_VALUE_RE.test(decl.value);
+}
+//#endregion
+//#region src/compat/mini-program-css/root-cleanups.ts
+function removeSpecificityPlaceholders(root) {
+	root.walkRules((rule) => {
+		if (!rule.selectors || rule.selectors.length === 0) return;
+		let changed = false;
+		const selectors = rule.selectors.map((selector) => {
+			let next = selector;
+			for (const suffix of SPECIFICITY_PLACEHOLDER_SUFFIXES) if (next.includes(suffix)) next = next.split(suffix).join("");
+			if (next !== selector) changed = true;
+			return next;
+		});
+		if (changed) rule.selectors = selectors;
+	});
+}
+function isEffectivelyEmptyContainer(container) {
+	return !container.nodes || container.nodes.every((node) => node.type === "comment");
+}
+function removeEmptyAtRules(root) {
+	root.walkAtRules((atRule) => {
+		if (isEffectivelyEmptyContainer(atRule)) atRule.remove();
+	});
+}
+function removeEmptyAtRuleAncestors(parent) {
+	while (parent?.type === "atrule" && isEffectivelyEmptyContainer(parent)) {
+		const nextParent = parent.parent;
+		parent.remove();
+		parent = nextParent?.type === "atrule" ? nextParent : void 0;
+	}
+}
+function removeUnsupportedBrowserSelectors(root) {
+	root.walkRules((rule) => {
+		if (!rule.selectors || rule.selectors.length === 0) return;
+		const selectors = rule.selectors.filter((selector) => !isUnsupportedBrowserSelector(selector));
+		if (selectors.length === rule.selectors.length) return;
+		if (selectors.length === 0) {
+			const parent = rule.parent;
+			rule.remove();
+			removeEmptyAtRuleAncestors(parent);
+			return;
+		}
+		rule.selectors = selectors;
+	});
+}
+function removeDeclarationAndEmptyRule$1(decl) {
+	const parent = decl.parent;
+	decl.remove();
+	if (parent?.type === "rule" && parent.nodes.length === 0) {
+		const ruleParent = parent.parent;
+		parent.remove();
+		removeEmptyAtRuleAncestors(ruleParent);
+	}
+}
+function removeDisplayP3Declarations(root) {
+	root.walkAtRules((atRule) => {
+		if (isDisplayP3MediaRule(atRule)) {
+			const parent = atRule.parent;
+			atRule.remove();
+			removeEmptyAtRuleAncestors(parent);
+		}
+	});
+}
+const SIMPLE_MIN_WIDTH_MEDIA_RE = /^\(\s*min-width\s*:[^)]+\)$/i;
+const TAILWIND_GENERATED_TOKEN_COMMENT_RE = /^\s*tokens:\s*container\s*<=\s*<tailwind generated>\s*$/i;
+function isContainerMaxWidthOnlyRule(rule) {
+	if (!rule.selectors || rule.selectors.length !== 1 || rule.selectors[0] !== ".container") return false;
+	const declarations = rule.nodes?.filter((node) => node.type === "decl") ?? [];
+	return declarations.length === 1 && declarations[0]?.prop === "max-width" && (rule.nodes ?? []).every((node) => node.type === "decl" || node.type === "comment");
+}
+function removeTailwindContainerMaxWidthMediaRules(root) {
+	root.walkAtRules("media", (atRule) => {
+		if (!SIMPLE_MIN_WIDTH_MEDIA_RE.test(atRule.params.trim())) return;
+		atRule.walkRules((rule) => {
+			if (!isContainerMaxWidthOnlyRule(rule)) return;
+			const parent = rule.parent;
+			rule.remove();
+			removeEmptyAtRuleAncestors(parent);
+		});
+	});
+}
+function isContainerWidthOnlyRule(rule) {
+	if (!rule.selectors || rule.selectors.length !== 1 || rule.selectors[0] !== ".container") return false;
+	const declarations = rule.nodes?.filter((node) => node.type === "decl") ?? [];
+	return declarations.length === 1 && declarations[0]?.prop === "width" && declarations[0].value.trim() === "100%" && (rule.nodes ?? []).every((node) => node.type === "decl" || node.type === "comment");
+}
+function isTailwindGeneratedContainerRule(rule) {
+	const previous = rule.prev();
+	return previous?.type === "comment" && TAILWIND_GENERATED_TOKEN_COMMENT_RE.test(previous.text);
+}
+function removeTailwindContainerWidthRules(root, options = {}) {
+	root.walkRules((rule) => {
+		if (!isContainerWidthOnlyRule(rule)) return;
+		if (options.generatedOnly && !isTailwindGeneratedContainerRule(rule)) return;
+		const parent = rule.parent;
+		if (isTailwindGeneratedContainerRule(rule)) rule.prev()?.remove();
+		rule.remove();
+		removeEmptyAtRuleAncestors(parent);
+	});
+}
+function removeUnsupportedModernColorDeclarations(root) {
+	const customPropertyValues = /* @__PURE__ */ new Map();
+	root.walkDecls((decl) => {
+		if (decl.prop.startsWith("--")) customPropertyValues.set(decl.prop, decl.value.trim());
+	});
+	root.walkDecls((decl) => {
+		const normalized = normalizeModernColorValue(decl.value, customPropertyValues);
+		if (normalized.changed) {
+			decl.value = normalized.value;
+			if (decl.prop.startsWith("--")) customPropertyValues.set(decl.prop, decl.value.trim());
+		}
+		if (normalized.hasUnsupported) removeDeclarationAndEmptyRule$1(decl);
+	});
+}
+//#endregion
+//#region src/compat/mini-program-css/theme.ts
 function collectThemeVariableRule(root, options = {}) {
 	const themeRules = [];
 	const declarations = /* @__PURE__ */ new Map();
@@ -7571,95 +7752,8 @@ function collectThemeVariableRule(root, options = {}) {
 	for (const decl of declarations.values()) rule.append(decl);
 	return rule;
 }
-function hasTailwindcssV4Signal(css) {
-	if (TAILWIND_V4_BANNER_RE.test(css)) return true;
-	const root = postcss.parse(css);
-	let hasProperty = false;
-	root.walkAtRules("property", (atRule) => {
-		if (atRule.params.trim().startsWith("--tw-")) {
-			hasProperty = true;
-			return false;
-		}
-	});
-	return hasProperty;
-}
-function getTopDirectiveTail(root) {
-	let tail;
-	for (const node of root.nodes ?? []) {
-		if (node.type === "atrule" && (node.name === "charset" || node.name === "import")) {
-			tail = node;
-			continue;
-		}
-		break;
-	}
-	return tail;
-}
-function createHoistInsertionAnchor(root) {
-	for (const node of root.nodes ?? []) if (isMiniProgramPreflightRule(node) || isMiniProgramThemeVariableRule(node)) {
-		const anchor = postcss.comment({ text: HOIST_ANCHOR_COMMENT });
-		node.before(anchor);
-		return anchor;
-	}
-}
-function insertHoistedRules(root, rules, anchor) {
-	if (anchor && !anchor.parent) anchor = void 0;
-	if (rules.length === 0) {
-		anchor?.remove();
-		return;
-	}
-	const topDirectiveTail = getTopDirectiveTail(root);
-	const firstRule = rules[0];
-	if (!firstRule) return;
-	if (anchor) {
-		if (anchor.raws.before === void 0) delete firstRule.raws.before;
-		else firstRule.raws.before = anchor.raws.before;
-		anchor.replaceWith(rules);
-		return;
-	}
-	firstRule.raws.before = topDirectiveTail ? "\n" : "";
-	if (topDirectiveTail) topDirectiveTail.after(rules);
-	else root.prepend(rules);
-}
-function mergeEquivalentHoistedRules(rules) {
-	const mergedRules = [];
-	const ruleBySelector = /* @__PURE__ */ new Map();
-	const propsBySelector = /* @__PURE__ */ new Map();
-	for (const rule of rules) {
-		const key = getSortedRuleSelectorKey(rule);
-		const existingRule = ruleBySelector.get(key);
-		if (existingRule) {
-			const existingProps = propsBySelector.get(key) ?? /* @__PURE__ */ new Set();
-			const nextNodes = (rule.nodes ?? []).filter((node) => {
-				if (node.type !== "decl") return true;
-				if (existingProps.has(node.prop)) return false;
-				existingProps.add(node.prop);
-				return true;
-			});
-			existingRule.append(...nextNodes.map((node) => node.clone()));
-			propsBySelector.set(key, existingProps);
-			continue;
-		}
-		ruleBySelector.set(key, rule);
-		propsBySelector.set(key, new Set((rule.nodes ?? []).flatMap((node) => node.type === "decl" ? [node.prop] : [])));
-		mergedRules.push(rule);
-	}
-	return mergedRules;
-}
-function unwrapTailwindSourceMedia(root) {
-	root.walkAtRules("media", (atRule) => {
-		if (!atRule.params.startsWith("source(")) return;
-		if (atRule.nodes && atRule.nodes.length > 0) atRule.replaceWith(...atRule.nodes);
-		else atRule.remove();
-	});
-}
-function removeTailwindGenerationDirectives(root) {
-	root.walkComments((comment) => {
-		if (GENERATOR_PLACEHOLDER_COMMENT_RE.test(comment.text)) comment.remove();
-	});
-	root.walkAtRules((atRule) => {
-		if (atRule.name === "config" || atRule.name === "source" || atRule.name === "tailwind" || atRule.name === "reference" || atRule.name === "plugin") atRule.remove();
-	});
-}
+//#endregion
+//#region src/compat/mini-program-css/finalize.ts
 function finalizeMiniProgramCssRoot(root, options = {}) {
 	const shouldInjectTailwindcssV4Defaults = options.isTailwindcssV4 === true;
 	const tailwindcssV4DefaultNodes = shouldInjectTailwindcssV4Defaults ? createMissingCssVarsV4Nodes(root, collectUsedTailwindcssV4Variables(root)) : [];
@@ -7672,6 +7766,8 @@ function finalizeMiniProgramCssRoot(root, options = {}) {
 	removeSpecificityPlaceholders(root);
 	removeUnsupportedBrowserSelectors(root);
 	removeDisplayP3Declarations(root);
+	removeTailwindContainerMaxWidthMediaRules(root);
+	removeTailwindContainerWidthRules(root, { generatedOnly: true });
 	removeUnsupportedModernColorDeclarations(root);
 	root.walkDecls((decl) => {
 		if (shouldInjectTailwindcssV4Defaults) normalizeTailwindcssV4Declaration(decl);
@@ -7692,6 +7788,7 @@ function finalizeMiniProgramCssRoot(root, options = {}) {
 	}));
 	const themeRule = collectThemeVariableRule(root, options);
 	insertHoistedRules(root, mergeEquivalentHoistedRules(themeRule ? [...preflightRules, themeRule] : preflightRules), hoistAnchor);
+	removeEmptyAtRules(root);
 }
 function hoistTailwindPreflightBase(css) {
 	try {
@@ -7724,6 +7821,7 @@ function finalizeMiniProgramCss(css, options = {}) {
 //#endregion
 //#region src/compat/mini-program-css/prune-generated.ts
 const DEFAULT_WEAPP_VARIABLE_SCOPE = "page,.tw-root,wx-root-portal-content,:host";
+const MINI_PROGRAM_PSEUDO_CONTENT_SCOPE_SELECTOR = "::before,\n::after";
 const CLASS_SELECTOR_RE$1 = /(?:^|[^\w-])\.[_a-z\u00A0-\uFFFF\\-]/i;
 function isConditionalCompilationComment(text) {
 	return /#(?:ifn?def|endif)\b/.test(text);
@@ -7740,6 +7838,23 @@ function isMiniProgramElementVariableScopeRule(rule) {
 	const selectors = getRuleSelectors(rule);
 	return selectors.length > 0 && selectors.every((selector) => MINI_PROGRAM_ELEMENT_SCOPE_SELECTORS.has(selector));
 }
+function isOnlyTwContentDeclarations(rule) {
+	let hasDeclaration = false;
+	let onlyContentVariable = true;
+	rule.walkDecls((decl) => {
+		hasDeclaration = true;
+		if (decl.prop !== "--tw-content") onlyContentVariable = false;
+	});
+	return hasDeclaration && onlyContentVariable;
+}
+function isMiniProgramElementContentInitRule(rule) {
+	if (!isMiniProgramElementVariableScopeRule(rule)) return false;
+	let hasElementSelector = false;
+	let hasPseudoSelector = false;
+	for (const selector of getRuleSelectors(rule)) if (selector === "view" || selector === "text") hasElementSelector = true;
+	else if (selector === "::before" || selector === "::after") hasPseudoSelector = true;
+	return hasElementSelector && hasPseudoSelector && isOnlyTwContentDeclarations(rule);
+}
 function isTailwindV4GradientRuntimeDeclaration(decl) {
 	return decl.prop.startsWith("--tw-gradient-");
 }
@@ -7777,6 +7892,8 @@ function pruneMiniProgramGeneratedCss(css, options = {}) {
 	});
 	removeUnsupportedCascadeLayers(root);
 	removeUnsupportedModernColorDeclarations(root);
+	removeTailwindContainerMaxWidthMediaRules(root);
+	removeTailwindContainerWidthRules(root);
 	root.walkAtRules("supports", (atRule) => {
 		atRule.remove();
 	});
@@ -7788,6 +7905,18 @@ function pruneMiniProgramGeneratedCss(css, options = {}) {
 	});
 	root.walkRules((rule) => {
 		if (isKeyframesRule(rule)) return;
+		if (isPseudoContentInitRule(rule)) {
+			if (!shouldPreserveContentInit) rule.remove();
+			return;
+		}
+		if (isMiniProgramElementContentInitRule(rule)) {
+			if (!shouldPreserveContentInit) {
+				rule.remove();
+				return;
+			}
+			rule.selector = MINI_PROGRAM_PSEUDO_CONTENT_SCOPE_SELECTOR;
+			return;
+		}
 		if (isCustomPropertyRule(rule) && isMiniProgramElementVariableScopeRule(rule)) {
 			rule.selector = MINI_PROGRAM_ELEMENT_SCOPE_SELECTOR;
 			return;
@@ -7800,10 +7929,6 @@ function pruneMiniProgramGeneratedCss(css, options = {}) {
 		}
 		if (hasClassSelector$2(rule.selector)) return;
 		if (!shouldPreserveContentInit) removeEmptyContentInitDeclarations(rule);
-		if (isPseudoContentInitRule(rule)) {
-			if (!shouldPreserveContentInit) rule.remove();
-			return;
-		}
 		if (options.preservePreflight && isMiniProgramPreflightRule(rule)) return;
 		if (isCustomPropertyRule(rule)) {
 			moveTailwindV4GradientRuntimeDeclarations(rule);
@@ -43158,7 +43283,7 @@ const n$9 = "js-blank-pseudo", t$12 = ":blank", creator$48 = (s) => {
 };
 creator$48.postcss = !0;
 //#endregion
-//#region ../../node_modules/.pnpm/@csstools+selector-specificity@6.0.0_postcss-selector-parser@7.1.1/node_modules/@csstools/selector-specificity/dist/index.mjs
+//#region ../../node_modules/.pnpm/@csstools+selector-specificity@6.0.0_postcss-selector-parser@7.1.2/node_modules/@csstools/selector-specificity/dist/index.mjs
 var import_postcss_page_break = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((exports, module) => {
 	module.exports = function(options) {
 		return {
@@ -49953,7 +50078,7 @@ const creator$18 = (s) => {
 };
 creator$18.postcss = !0;
 //#endregion
-//#region ../../node_modules/.pnpm/@csstools+selector-resolve-nested@4.0.0_postcss-selector-parser@7.1.1/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.2/node_modules/@csstools/selector-resolve-nested/dist/index.mjs
 function sourceFrom(e) {
 	return {
 		sourceIndex: e.sourceIndex ?? 0,
@@ -53161,10 +53286,7 @@ function normalizeSpacingDeclarations(rule) {
 	for (const declarations of grouped.values()) dedupeSpacingGroup(rule, declarations);
 }
 //#endregion
-//#region src/selectorParser/rule-transformer.ts
-const ruleTransformCache = /* @__PURE__ */ new WeakMap();
-const SELECTOR_TRANSFORM_OPTIONS = normalizeTransformOptions();
-const SIMPLE_SELECTOR_FAST_PATH = /^[#.][\w-]+(?:\s+[#.][\w-]+)*$/;
+//#region src/selectorParser/rule-transformer/pseudos.ts
 const RTL_LANGUAGE_ANY_PSEUDO_SET = new Set([
 	":-moz-any",
 	":-webkit-any",
@@ -53180,6 +53302,23 @@ const EMPTY_FUNCTIONAL_PSEUDO_CLEANUP_SET = new Set([
 	":-moz-any",
 	":lang"
 ]);
+const UNSUPPORTED_PSEUDO_ELEMENT_SELECTOR_SET = new Set([
+	":after",
+	":before",
+	"::after",
+	"::before",
+	"::backdrop",
+	"::-ms-backdrop",
+	"::-webkit-backdrop",
+	"::file-selector-button"
+]);
+const MINI_PROGRAM_UNSUPPORTED_PSEUDO_ELEMENT_SELECTOR_SET = new Set([
+	"::backdrop",
+	"::-ms-backdrop",
+	"::-webkit-backdrop",
+	"::file-selector-button"
+]);
+const NORMALIZED_PSEUDO_ELEMENT_SELECTOR = new Map([[":before", "::before"], [":after", "::after"]]);
 function isRtlLanguageAnyPseudo(node) {
 	return node.type === "pseudo" && RTL_LANGUAGE_ANY_PSEUDO_SET.has(node.value);
 }
@@ -53216,6 +53355,29 @@ function flattenWherePseudo(node, context, index, parent) {
 		if (parent && parent.type === "selector" && parent.length === 0) parent.remove();
 	}
 }
+function shouldRemoveUnsupportedPseudoElementSelector(selector, options) {
+	if (!isUniAppXEnabled(options)) return selector.nodes.some((node) => node.type === "pseudo" && MINI_PROGRAM_UNSUPPORTED_PSEUDO_ELEMENT_SELECTOR_SET.has(node.value));
+	return selector.nodes.some((node) => node.type === "pseudo" && UNSUPPORTED_PSEUDO_ELEMENT_SELECTOR_SET.has(node.value));
+}
+function handlePseudoNode(node, index, context, parent) {
+	if (node.type !== "pseudo") return;
+	if (isRtlLanguageAnyPseudo(node)) {
+		stripUnsupportedRtlLanguagePseudo(node);
+		return;
+	}
+	if (node.value === ":root" && context.rootReplacement) {
+		node.value = context.rootReplacement;
+		return;
+	}
+	const normalizedPseudoElement = NORMALIZED_PSEUDO_ELEMENT_SELECTOR.get(node.value);
+	if (normalizedPseudoElement) {
+		node.value = normalizedPseudoElement;
+		return;
+	}
+	if (node.value === ":where") flattenWherePseudo(node, context, index, parent);
+}
+//#endregion
+//#region src/selectorParser/rule-transformer/nodes.ts
 function handleClassNode(node, context) {
 	if (node.type !== "class") return;
 	node.value = context.selectorReplacerOptions === void 0 ? internalCssSelectorReplacer(node.value) : internalCssSelectorReplacer(node.value, context.selectorReplacerOptions);
@@ -53228,27 +53390,6 @@ function shouldRemoveHoverSelector(selector, options) {
 	if (!options.cssRemoveHoverPseudoClass) return false;
 	return selector.nodes.some((node) => node.type === "pseudo" && node.value === ":hover");
 }
-const UNSUPPORTED_PSEUDO_ELEMENT_SELECTOR_SET = new Set([
-	":after",
-	":before",
-	"::after",
-	"::before",
-	"::backdrop",
-	"::-ms-backdrop",
-	"::-webkit-backdrop",
-	"::file-selector-button"
-]);
-const MINI_PROGRAM_UNSUPPORTED_PSEUDO_ELEMENT_SELECTOR_SET = new Set([
-	"::backdrop",
-	"::-ms-backdrop",
-	"::-webkit-backdrop",
-	"::file-selector-button"
-]);
-const NORMALIZED_PSEUDO_ELEMENT_SELECTOR = new Map([[":before", "::before"], [":after", "::after"]]);
-function shouldRemoveUnsupportedPseudoElementSelector(selector, options) {
-	if (!isUniAppXEnabled(options)) return selector.nodes.some((node) => node.type === "pseudo" && MINI_PROGRAM_UNSUPPORTED_PSEUDO_ELEMENT_SELECTOR_SET.has(node.value));
-	return selector.nodes.some((node) => node.type === "pseudo" && UNSUPPORTED_PSEUDO_ELEMENT_SELECTOR_SET.has(node.value));
-}
 function isHiddenOrTemplateNotPseudo(node) {
 	if (!node || node.type !== "pseudo" || node.value !== ":not") return false;
 	const selector = node.first;
@@ -53271,23 +53412,6 @@ function handleCombinatorNode(node, index, context) {
 		nodes.splice(index + 1, 3, ...ast);
 	}
 }
-function handlePseudoNode(node, index, context, parent) {
-	if (node.type !== "pseudo") return;
-	if (isRtlLanguageAnyPseudo(node)) {
-		stripUnsupportedRtlLanguagePseudo(node);
-		return;
-	}
-	if (node.value === ":root" && context.rootReplacement) {
-		node.value = context.rootReplacement;
-		return;
-	}
-	const normalizedPseudoElement = NORMALIZED_PSEUDO_ELEMENT_SELECTOR.get(node.value);
-	if (normalizedPseudoElement) {
-		node.value = normalizedPseudoElement;
-		return;
-	}
-	if (node.value === ":where") flattenWherePseudo(node, context, index, parent);
-}
 function handleTagOrAttribute(node, context) {
 	stripUnsupportedNodeForUniAppX(node, context.options);
 }
@@ -53302,6 +53426,11 @@ function handleSelectorNode(selector, context) {
 	}
 	if (transformSpacingSelector(selector.nodes, context.options)) context.requiresSpacingNormalization = true;
 }
+//#endregion
+//#region src/selectorParser/rule-transformer.ts
+const ruleTransformCache = /* @__PURE__ */ new WeakMap();
+const SELECTOR_TRANSFORM_OPTIONS = normalizeTransformOptions();
+const SIMPLE_SELECTOR_FAST_PATH = /^[#.][\w-]+(?:\s+[#.][\w-]+)*$/;
 function canSkipRuleTransform(rule) {
 	const selector = rule.selector.trim();
 	if (!selector) return false;
@@ -54082,11 +54211,46 @@ function makePseudoVarRule() {
 function isEmptyContentInitDeclaration(decl) {
 	return decl.prop === "--tw-content" && (decl.value === "\"\"" || decl.value === "''");
 }
+function isPseudoContentInitSelector(selector) {
+	return selector === ":before" || selector === ":after" || selector === "::before" || selector === "::after";
+}
+function isElementContentInitSelector(selector) {
+	return selector === "*" || selector === "view" || selector === "text";
+}
+function isOnlyEmptyContentInitRule(node) {
+	let hasDeclaration = false;
+	let onlyEmptyContentInit = true;
+	node.walkDecls((decl) => {
+		hasDeclaration = true;
+		if (!isEmptyContentInitDeclaration(decl)) onlyEmptyContentInit = false;
+	});
+	return hasDeclaration && onlyEmptyContentInit;
+}
+function restorePseudoContentInitScope(node) {
+	if (!isOnlyEmptyContentInitRule(node)) return false;
+	let hasPseudoSelector = false;
+	let hasElementSelector = false;
+	for (const selector of node.selectors) if (isPseudoContentInitSelector(selector)) hasPseudoSelector = true;
+	else if (isElementContentInitSelector(selector)) hasElementSelector = true;
+	else return false;
+	if (!hasPseudoSelector || !hasElementSelector) return false;
+	assignRuleSelectors(node, ["::before", "::after"], {
+		phase: "pre",
+		reason: "restore-pseudo-content-init-scope"
+	});
+	return true;
+}
 function removeTailwindV4EmptyContentInit(node) {
 	node.walkDecls((decl) => {
 		if (isEmptyContentInitDeclaration(decl)) decl.remove();
 	});
 }
+function injectPreflightDeclarations(node, options) {
+	const preflightDeclarations = options.cssInjectPreflight?.();
+	if (!preflightDeclarations || preflightDeclarations.length === 0) return;
+	node.prepend(...preflightDeclarations);
+	node.raws.semicolon = true;
+}
 function hasClassSelector(node) {
 	return node.selectors.some((selector) => selector.includes("."));
 }
@@ -54112,7 +54276,7 @@ function resolveUniAppXVariableScopeSelectors(options) {
 	return ["view", "text"];
 }
 function commonChunkPreflight(node, options) {
-	const { ctx, cssInjectPreflight, injectAdditionalCssVarScope } = options;
+	const { ctx, injectAdditionalCssVarScope } = options;
 	const uniAppXEnabled = isUniAppXEnabled(options);
 	const isTailwindcss4 = isTailwindcssV4(options);
 	const rootOption = options.cssSelectorReplacement?.root;
@@ -54125,6 +54289,7 @@ function commonChunkPreflight(node, options) {
 		reason: "append-host-selector"
 	});
 	if (isTailwindcss4 && !usesTailwindcssV4ContentVariable(node.root()) && (!hasClassSelector(node) || isRootThemeScopeRule(node))) removeTailwindV4EmptyContentInit(node);
+	if (!isTailwindcss4 && restorePseudoContentInitScope(node)) return;
 	if (testIfVariablesScope(node) || uniAppXEnabled && node.selectors.includes("*") && hasTwVars(node, 2)) {
 		ctx?.markVariablesScope(node);
 		assignRuleSelectors(node, uniAppXEnabled ? resolveUniAppXVariableScopeSelectors(options) : remakeCssVarSelector(node.selectors, options), {
@@ -54132,7 +54297,7 @@ function commonChunkPreflight(node, options) {
 			reason: "rewrite-variable-scope"
 		});
 		if (!uniAppXEnabled && !isTailwindcss4) node.before(makePseudoVarRule());
-		if (typeof cssInjectPreflight === "function") node.append(...cssInjectPreflight());
+		injectPreflightDeclarations(node, options);
 	}
 	if (injectAdditionalCssVarScope && (isTailwindcss4 ? testIfRootHostForV4(node) : testIfTwBackdrop(node))) {
 		const nodes = isTailwindcss4 ? createUsedCssVarsV4Nodes(collectUsedTailwindcssV4Variables(node.root())) : cssVarsV3Nodes;
@@ -54151,7 +54316,7 @@ function commonChunkPreflight(node, options) {
 		});
 		node.before(syntheticRule);
 		if (!uniAppXEnabled && !isTailwindcss4) node.before(makePseudoVarRule());
-		if (typeof cssInjectPreflight === "function") syntheticRule.append(...cssInjectPreflight());
+		injectPreflightDeclarations(syntheticRule, options);
 	}
 }
 //#endregion