@weapp-tailwindcss/postcss 3.0.2 → 3.0.4

package/dist/index.js

@@ -25,6 +25,38 @@ node_process = require_html_transform.__toESM(node_process);
 let postcss_rule_unit_converter = require("postcss-rule-unit-converter");
 postcss_rule_unit_converter = require_html_transform.__toESM(postcss_rule_unit_converter);
 let _weapp_core_escape = require("@weapp-core/escape");
+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 = (0, postcss_value_parser.default)(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(postcss_value_parser.default.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 {
 	sourceStart;
@@ -6524,21 +6556,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 = [];
@@ -6621,51 +6639,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 = (0, postcss_value_parser.default)(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(postcss_value_parser.default.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 = (0, postcss_value_parser.default)(value);
-	let changed = false;
-	parsed.walk((node) => {
-		if (node.type !== "function") return;
-		const name = node.value.toLowerCase();
-		const source = postcss_value_parser.default.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;
@@ -6711,17 +6686,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 = (0, postcss_value_parser.default)(value);
+	let changed = false;
+	parsed.walk((node) => {
+		if (node.type !== "function") return;
+		const name = node.value.toLowerCase();
+		const source = postcss_value_parser.default.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
 	};
@@ -6730,14 +6736,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 = (0, postcss_value_parser.default)(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) {
@@ -7193,7 +7199,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 = (0, postcss_value_parser.default)(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;
@@ -7215,17 +7241,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.default.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
@@ -7372,7 +7419,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) => {
@@ -7383,7 +7430,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;
@@ -7401,6 +7448,166 @@ function isMiniProgramThemeVariableRule(node) {
 	return isMiniProgramThemeScopeSelector(getRuleSelectors(node)) && isCustomPropertyRule(node);
 }
 //#endregion
+//#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 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 createHoistInsertionAnchor(root) {
+	for (const node of root.nodes ?? []) if (isMiniProgramPreflightRule(node) || isMiniProgramThemeVariableRule(node)) {
+		const anchor = postcss.default.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()));
+			reorderPreflightResetDeclarations(existingRule);
+			propsBySelector.set(key, existingProps);
+			continue;
+		}
+		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/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.default.rule({ selector: MINI_PROGRAM_PSEUDO_CONTENT_SCOPE_SELECTOR$1 });
+	rule.append({
+		prop: "--tw-content",
+		value: "''"
+	});
+	return rule;
+}
+function applyConfiguredPreflightDeclarations(rule, cssPreflight) {
+	if (!cssPreflight || typeof cssPreflight !== "object") return;
+	const configuredProps = new Set(Object.keys(cssPreflight));
+	rule.walkDecls((decl) => {
+		if (!configuredProps.has(decl.prop)) return;
+		const value = cssPreflight[decl.prop];
+		if (value === false) {
+			decl.remove();
+			return;
+		}
+		decl.value = value.toString();
+	});
+	for (const [prop, value] of Object.entries(cssPreflight)) {
+		if (value === false || rule.nodes?.some((node) => node.type === "decl" && node.prop === prop)) continue;
+		rule.append({
+			prop,
+			value: value.toString()
+		});
+	}
+}
+function collectPreflightRules(root, options = {}) {
+	const preflightNodes = [];
+	for (const node of root.nodes ?? []) if (isMiniProgramPreflightRule(node)) preflightNodes.push(node);
+	if (preflightNodes.length === 0) return [];
+	const clonedPreflightRules = preflightNodes.map((node) => {
+		const rule = node.clone();
+		rule.walkDecls("--tw-content", (decl) => {
+			if (isEmptyTwContentDeclaration(decl)) decl.remove();
+		});
+		return rule;
+	});
+	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$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);
+		}
+	}
+	const nonEmptyPreflightRules = clonedPreflightRules.filter((rule) => (rule.nodes?.length ?? 0) > 0);
+	const preflightRules = [...options.preservePseudoContentInit ? [createPseudoContentInitRule()] : [], ...nonEmptyPreflightRules];
+	for (const node of preflightNodes) node.remove();
+	return preflightRules;
+}
+function createPreflightResetRule(cssPreflight) {
+	if (!cssPreflight || typeof cssPreflight !== "object") return;
+	const rule = postcss.default.rule({ selector: MINI_PROGRAM_ELEMENT_SCOPE_SELECTOR });
+	for (const [prop, value] of Object.entries(cssPreflight)) {
+		if (value === false) continue;
+		rule.append({
+			prop,
+			value: value.toString()
+		});
+	}
+	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) => {
@@ -7415,8 +7622,11 @@ function removeSpecificityPlaceholders(root) {
 		if (changed) rule.selectors = selectors;
 	});
 }
+function isEffectivelyEmptyContainer(container) {
+	return !container.nodes || container.nodes.every((node) => node.type === "comment");
+}
 function removeEmptyAtRuleAncestors(parent) {
-	while (parent?.type === "atrule" && (!parent.nodes || parent.nodes.length === 0)) {
+	while (parent?.type === "atrule" && isEffectivelyEmptyContainer(parent)) {
 		const nextParent = parent.parent;
 		parent.remove();
 		parent = nextParent?.type === "atrule" ? nextParent : void 0;
@@ -7454,6 +7664,43 @@ function removeDisplayP3Declarations(root) {
 		}
 	});
 }
+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) => {
@@ -7469,53 +7716,7 @@ function removeUnsupportedModernColorDeclarations(root) {
 	});
 }
 //#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 MINI_PROGRAM_PSEUDO_CONTENT_SCOPE_SELECTOR = "::before,\n::after";
-const MINI_PROGRAM_PSEUDO_CONTENT_SELECTORS = new Set(["::before", "::after"]);
-function createPseudoContentInitRule() {
-	const rule = postcss.default.rule({ selector: MINI_PROGRAM_PSEUDO_CONTENT_SCOPE_SELECTOR });
-	rule.append({
-		prop: "--tw-content",
-		value: "''"
-	});
-	return rule;
-}
-function collectPreflightRules(root, options = {}) {
-	const preflightNodes = [];
-	for (const node of root.nodes ?? []) if (isMiniProgramPreflightRule(node)) preflightNodes.push(node);
-	if (preflightNodes.length === 0) return [];
-	const clonedPreflightRules = preflightNodes.map((node) => {
-		const rule = node.clone();
-		rule.walkDecls("--tw-content", (decl) => {
-			if (isEmptyTwContentDeclaration(decl)) decl.remove();
-		});
-		return rule;
-	});
-	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;
-		else if (hasElementSelector && selectors.every((selector) => MINI_PROGRAM_ELEMENT_SCOPE_SELECTORS.has(selector))) rule.selector = MINI_PROGRAM_ELEMENT_SCOPE_SELECTOR;
-	}
-	const nonEmptyPreflightRules = clonedPreflightRules.filter((rule) => (rule.nodes?.length ?? 0) > 0);
-	const preflightRules = [...options.preservePseudoContentInit ? [createPseudoContentInitRule()] : [], ...nonEmptyPreflightRules];
-	for (const node of preflightNodes) node.remove();
-	return preflightRules;
-}
-function createPreflightResetRule(cssPreflight) {
-	if (!cssPreflight || typeof cssPreflight !== "object") return;
-	const rule = postcss.default.rule({ selector: MINI_PROGRAM_ELEMENT_SCOPE_SELECTOR });
-	for (const [prop, value] of Object.entries(cssPreflight)) {
-		if (value === false) continue;
-		rule.append({
-			prop,
-			value: value.toString()
-		});
-	}
-	return rule.nodes?.length ? rule : void 0;
-}
+//#region src/compat/mini-program-css/theme.ts
 function collectThemeVariableRule(root, options = {}) {
 	const themeRules = [];
 	const declarations = /* @__PURE__ */ new Map();
@@ -7535,86 +7736,22 @@ 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.default.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.default.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();
-	for (const rule of rules) {
-		const key = getSortedRuleSelectorKey(rule);
-		const existingRule = ruleBySelector.get(key);
-		if (existingRule) {
-			existingRule.append(...(rule.nodes ?? []).map((node) => node.clone()));
-			continue;
-		}
-		ruleBySelector.set(key, rule);
-		mergedRules.push(rule);
-	}
-	return mergedRules;
-}
-function unwrapTailwindSourceMedia(root) {
-	root.walkAtRules("media", (atRule) => {
-		if (atRule.params.startsWith("source(") && atRule.nodes && atRule.nodes.length > 0) atRule.replaceWith(...atRule.nodes);
-	});
-}
+//#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)) : [];
 	removeUnsupportedCascadeLayers(root);
 	unwrapTailwindSourceMedia(root);
+	removeTailwindGenerationDirectives(root);
 	root.walkAtRules("property", (atRule) => {
 		atRule.remove();
 	});
 	removeSpecificityPlaceholders(root);
 	removeUnsupportedBrowserSelectors(root);
 	removeDisplayP3Declarations(root);
+	removeTailwindContainerMaxWidthMediaRules(root);
+	removeTailwindContainerWidthRules(root, { generatedOnly: true });
 	removeUnsupportedModernColorDeclarations(root);
 	root.walkDecls((decl) => {
 		if (shouldInjectTailwindcssV4Defaults) normalizeTailwindcssV4Declaration(decl);
@@ -7667,6 +7804,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);
@@ -7683,6 +7821,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-");
 }
@@ -7720,6 +7875,8 @@ function pruneMiniProgramGeneratedCss(css, options = {}) {
 	});
 	removeUnsupportedCascadeLayers(root);
 	removeUnsupportedModernColorDeclarations(root);
+	removeTailwindContainerMaxWidthMediaRules(root);
+	removeTailwindContainerWidthRules(root);
 	root.walkAtRules("supports", (atRule) => {
 		atRule.remove();
 	});
@@ -7731,6 +7888,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;
@@ -7743,10 +7912,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);
@@ -43134,7 +43299,7 @@ var require_postcss_page_break = /* @__PURE__ */ require_html_transform.__common
 	module.exports.postcss = true;
 }));
 //#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__ */ require_html_transform.__toESM(require_postcss_page_break(), 1);
 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;
@@ -49908,7 +50073,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,
@@ -53122,10 +53287,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",
@@ -53141,6 +53303,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);
 }
@@ -53177,6 +53356,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);
@@ -53189,27 +53391,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;
@@ -53232,23 +53413,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);
 }
@@ -53263,6 +53427,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;
@@ -54043,11 +54212,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("."));
 }
@@ -54073,7 +54277,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;
@@ -54086,6 +54290,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), {
@@ -54093,7 +54298,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;
@@ -54112,7 +54317,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