@weapp-tailwindcss/postcss 3.2.8 → 3.2.10

package/dist/index.js

@@ -216,7 +216,8 @@ function trimNodes$1(nodes) {
 }
 function getParsedColorData(colorSource) {
 	try {
-		return color(parseComponentValue(tokenize({ css: colorSource })));
+		const parsed = parseComponentValue(tokenize({ css: colorSource }));
+		return color(parsed);
 	} catch {
 		return false;
 	}
@@ -1763,8 +1764,8 @@ function resolveNodes(nodes, variables, resolving) {
 		const fallback = commaIndex >= 0 ? valueParser.stringify(node.nodes.slice(commaIndex + 1)).trim() : "";
 		const configured = variables.get(variable.value);
 		let replacement;
-		if (configured !== void 0 && !resolving.has(variable.value)) replacement = resolveThemeValue(configured, variables, /* @__PURE__ */ new Set([...resolving, variable.value]));
-		else if (fallback && isTailwindcssV4ThemeVariable(variable.value)) replacement = resolveThemeValue(fallback, variables, resolving);
+		if (configured !== void 0 && !resolving.has(variable.value)) replacement = resolveThemeValue$1(configured, variables, /* @__PURE__ */ new Set([...resolving, variable.value]));
+		else if (fallback && isTailwindcssV4ThemeVariable(variable.value)) replacement = resolveThemeValue$1(fallback, variables, resolving);
 		if (replacement === void 0) {
 			resolveNodes(node.nodes, variables, resolving);
 			continue;
@@ -1774,7 +1775,7 @@ function resolveNodes(nodes, variables, resolving) {
 		index += replacementNodes.length - 1;
 	}
 }
-function resolveThemeValue(value, variables, resolving = /* @__PURE__ */ new Set()) {
+function resolveThemeValue$1(value, variables, resolving = /* @__PURE__ */ new Set()) {
 	if (!value.includes("var(")) return value;
 	const parsed = valueParser(value);
 	resolveNodes(parsed.nodes, variables, resolving);
@@ -1828,7 +1829,7 @@ function consumeUniAppXSystemRootTheme(root, customPropertyValues) {
 		const carriers = new Set(carrierRules);
 		root.walkDecls((decl) => {
 			if (decl.parent?.type === "rule" && carriers.has(decl.parent)) return;
-			decl.value = resolveThemeValue(decl.value, variables);
+			decl.value = resolveThemeValue$1(decl.value, variables);
 		});
 	}
 	splitUnresolvedAuthorVariableFallbacks(root, variables);
@@ -2102,6 +2103,92 @@ function resolvePostcssStyleBranchProfile(options) {
 	return resolvePostcssFrameworkProfile(options);
 }
 //#endregion
+//#region src/compat/lynx-css.ts
+const tailwindThemePropertyPatterns = [
+	/^--aspect-/,
+	/^--animate-/,
+	/^--blur-/,
+	/^--breakpoint-/,
+	/^--color-/,
+	/^--container-/,
+	/^--drop-shadow-/,
+	/^--ease-/,
+	/^--default-font-/,
+	/^--font-/,
+	/^--font-weight-/,
+	/^--inset-shadow-/,
+	/^--leading-/,
+	/^--perspective-/,
+	/^--radius-/,
+	/^--shadow-/,
+	/^--text-/,
+	/^--tracking-/,
+	/^--spacing$/
+];
+function isTailwindThemeProperty(property) {
+	return tailwindThemePropertyPatterns.some((pattern) => pattern.test(property));
+}
+function isThemeScopeSelector(selector) {
+	return selector.split(",").some((part) => {
+		const normalized = part.trim();
+		return normalized === ":root" || normalized === ":host";
+	});
+}
+function collectTailwindThemeProperties(root) {
+	const values = /* @__PURE__ */ new Map();
+	root.walkRules((rule) => {
+		if (!isThemeScopeSelector(rule.selector)) return;
+		rule.walkDecls((decl) => {
+			if (isTailwindThemeProperty(decl.prop)) values.set(decl.prop, decl.value.trim());
+		});
+	});
+	return values;
+}
+function resolveThemeValue(value, properties, resolving = /* @__PURE__ */ new Set()) {
+	if (!value.includes("var(")) return value;
+	const parsed = valueParser(value);
+	parsed.walk((node) => {
+		if (node.type !== "function" || node.value.toLowerCase() !== "var") return;
+		const property = node.nodes.find((child) => child.type === "word" && child.value.startsWith("--"))?.value;
+		if (!property || resolving.has(property)) return;
+		const propertyValue = properties.get(property);
+		if (!propertyValue) return;
+		const nextResolving = new Set(resolving);
+		nextResolving.add(property);
+		const resolved = resolveThemeValue(propertyValue, properties, nextResolving);
+		const mutableNode = node;
+		mutableNode.type = "word";
+		mutableNode.value = resolved;
+		delete mutableNode.nodes;
+	});
+	return parsed.toString();
+}
+function removeConsumedThemeProperties(root) {
+	root.walkRules((rule) => {
+		if (!isThemeScopeSelector(rule.selector)) return;
+		rule.walkDecls((decl) => {
+			if (isTailwindThemeProperty(decl.prop)) decl.remove();
+		});
+		if (rule.nodes.length === 0) rule.remove();
+	});
+}
+/** 将 Lynx 原生无法继承的 Tailwind theme 变量静态化。 */
+function transformLynxCssCompat(css) {
+	try {
+		const root = postcss$1.parse(css);
+		const properties = collectTailwindThemeProperties(root);
+		if (properties.size === 0) return css;
+		root.walkDecls((decl) => {
+			decl.value = resolveThemeValue(decl.value, properties);
+		});
+		removeConsumedThemeProperties(root);
+		postcss$1([postcssCalc()]).process(root, { from: void 0 }).sync();
+		return root.toString();
+	} catch {
+		return css;
+	}
+}
+//#endregion
 //#region src/compat/mini-program-css/cascade-layers.ts
 const LAYER_PATH_SEPARATOR = "
";
 const LAYER_INSERTION_ANCHOR = "__weapp_tailwindcss_layer_anchor__";
@@ -3248,8 +3335,7 @@ function transformWebCssSafeSelectors(css, options) {
 	}
 }
 //#endregion
-//#region src/css-macro/auto.ts
-const CSS_MACRO_STYLE_OPTIONS_MARKER = "__weappTailwindcssCssMacroEnabled";
+//#region src/css-macro/conditions.ts
 const PLATFORM_ENV_KEYS$1 = [
 	"WEAPP_TW_TARGET",
 	"WEAPP_TAILWINDCSS_TARGET",
@@ -3261,9 +3347,6 @@ const PLATFORM_ENV_KEYS$1 = [
 ];
 const CONDITIONAL_END_RE = /^\s*#endif\s*$/;
 const CUSTOM_VARIANT_CONDITIONAL_FALLBACK_RE = /@custom-variant\b[\s\S]*?\/\*\s*#ifn?def\s[^*]*\*\/[\s\S]*?@slot\b[\s\S]*?\/\*\s*#endif\s*\*\//;
-function readEnvValue$1(key) {
-	return typeof process === "undefined" ? void 0 : process.env[key];
-}
 function normalizePlatformToken(value) {
 	return value?.trim().replaceAll("_", "-").toUpperCase() || void 0;
 }
@@ -3271,7 +3354,7 @@ function resolveCssMacroPlatform(options) {
 	const explicit = normalizePlatformToken(options?.platform);
 	if (explicit) return explicit;
 	for (const key of PLATFORM_ENV_KEYS$1) {
-		const value = normalizePlatformToken(readEnvValue$1(key));
+		const value = normalizePlatformToken(process.env[key]);
 		if (value) return value;
 	}
 }
@@ -3341,45 +3424,84 @@ function quoteAtRuleParam(value) {
 function hasSlotNode(nodes) {
 	return nodes.some((node) => node.type === "atrule" && node.name === "slot");
 }
+function createConditionalAtRule(start, nodes) {
+	const rule = postcss$1.atRule({
+		name: start.directive === "ifndef" ? ifndefAtRule : ifdefAtRule,
+		params: quoteAtRuleParam(start.expression)
+	});
+	rule.append(...nodes.map((node) => node.clone()));
+	return rule;
+}
+function findConditionalEnd(nodes, index) {
+	let depth = 1;
+	for (let searchIndex = index + 1; searchIndex < nodes.length; searchIndex += 1) {
+		const current = nodes[searchIndex];
+		if (current?.type !== "comment") continue;
+		if (parseConditionalStart(current.text)) depth += 1;
+		else if (CONDITIONAL_END_RE.test(current.text) && --depth === 0) return searchIndex;
+	}
+	return -1;
+}
 function rewriteCustomVariantConditionalComments(root) {
 	let changed = false;
-	root.walkAtRules("custom-variant", (rule) => {
-		const nodes = [...rule.nodes ?? []];
+	const transformContainer = (container, variant) => {
+		const nodes = [...container.nodes ?? []];
 		for (let index = 0; index < nodes.length; index += 1) {
 			const node = nodes[index];
-			if (node?.type !== "comment") continue;
-			const start = parseConditionalStart(node.text);
+			const start = node?.type === "comment" ? parseConditionalStart(node.text) : void 0;
 			if (!start) continue;
-			let depth = 1;
-			let endIndex = -1;
-			for (let searchIndex = index + 1; searchIndex < nodes.length; searchIndex += 1) {
-				const current = nodes[searchIndex];
-				if (current?.type !== "comment") continue;
-				if (parseConditionalStart(current.text)) {
-					depth += 1;
-					continue;
-				}
-				if (CONDITIONAL_END_RE.test(current.text)) {
-					depth -= 1;
-					if (depth === 0) {
-						endIndex = searchIndex;
-						break;
-					}
-				}
-			}
+			const endIndex = findConditionalEnd(nodes, index);
 			if (endIndex < 0) continue;
 			const conditionalNodes = nodes.slice(index + 1, endIndex);
 			if (!hasSlotNode(conditionalNodes)) continue;
-			const conditionalAtRule = postcss$1.atRule({
-				name: start.directive === "ifndef" ? ifndefAtRule : ifdefAtRule,
-				params: quoteAtRuleParam(start.expression)
-			});
-			conditionalAtRule.append(...conditionalNodes.map((current) => current.clone()));
-			node.replaceWith(conditionalAtRule);
+			if (container !== variant) {
+				node.remove();
+				nodes[endIndex]?.remove();
+				const variantNodes = [...variant.nodes ?? []];
+				variant.removeAll();
+				variant.append(createConditionalAtRule(start, variantNodes));
+				changed = true;
+				return true;
+			}
+			node.replaceWith(createConditionalAtRule(start, conditionalNodes));
 			for (const removedNode of nodes.slice(index + 1, endIndex + 1)) removedNode.remove();
 			changed = true;
 		}
-	});
+		for (const node of [...container.nodes ?? []]) if ("nodes" in node && node.nodes && transformContainer(node, variant)) return true;
+		return false;
+	};
+	const variants = [];
+	root.walkAtRules("custom-variant", (rule) => variants.push(rule));
+	for (const variant of variants) transformContainer(variant, variant);
+	return changed;
+}
+function rewriteOuterCustomVariantConditionalComments(root) {
+	let changed = false;
+	const transformContainer = (container) => {
+		const nodes = [...container.nodes ?? []];
+		for (let index = 0; index < nodes.length; index += 1) {
+			const node = nodes[index];
+			const start = node?.type === "comment" ? parseConditionalStart(node.text) : void 0;
+			if (!start) continue;
+			const endIndex = findConditionalEnd(nodes, index);
+			if (endIndex < 0) continue;
+			const conditionalNodes = nodes.slice(index + 1, endIndex);
+			const customVariants = conditionalNodes.filter((current) => current.type === "atrule" && current.name === "custom-variant");
+			if (customVariants.length === 0 || customVariants.some((variant) => !variant.nodes?.length)) continue;
+			for (const variant of customVariants) {
+				const variantNodes = [...variant.nodes ?? []];
+				variant.removeAll();
+				variant.append(createConditionalAtRule(start, variantNodes));
+			}
+			if (conditionalNodes.every((current) => current.type === "comment" || current.type === "atrule" && current.name === "custom-variant")) {
+				node.remove();
+				for (const removedNode of nodes.slice(index + 1, endIndex + 1)) if (removedNode.type === "comment") removedNode.remove();
+			}
+			changed = true;
+		}
+		for (const node of [...container.nodes ?? []]) if ("nodes" in node && node.nodes) transformContainer(node);
+	};
+	transformContainer(root);
 	return changed;
 }
 function compileCssMacroConditionalComments(css, options) {
@@ -3405,11 +3527,8 @@ function compileCssMacroConditionalComments(css, options) {
 						continue;
 					}
 				}
-				if (getActiveConditionalValue(stack) === false) {
-					node.remove();
-					continue;
-				}
-				if ("nodes" in node && node.nodes) transformContainer(node);
+				if (getActiveConditionalValue(stack) === false) node.remove();
+				else if ("nodes" in node && node.nodes) transformContainer(node);
 			}
 		};
 		transformContainer(root);
@@ -3418,28 +3537,15 @@ function compileCssMacroConditionalComments(css, options) {
 		return css;
 	}
 }
-function parseCssPluginRequest(params) {
-	const value = params.trim();
-	const quoted = /^(['"])(.*?)\1/.exec(value);
-	if (quoted) return quoted[2];
-	const url = /^url\(\s*(?:(['"])(.*?)\1|([^'")\s]+))\s*\)/.exec(value);
-	return url?.[2] ?? url?.[3];
-}
-function isCssMacroPluginRequest(request) {
-	if (request === "weapp-tailwindcss/css-macro") return true;
-	if (!request?.includes("css-macro")) return false;
-	return path.basename(request).startsWith("css-macro");
-}
-function hasCssMacroTailwindV4Directive(css) {
-	if (!css?.includes("css-macro")) return false;
+function transformCssMacroTailwindV4Source(css) {
+	if (!hasCssMacroTailwindV4CustomVariantConditionalComments(css)) return css;
 	try {
-		let found = false;
-		postcss$1.parse(css).walkAtRules("plugin", (rule) => {
-			if (isCssMacroPluginRequest(parseCssPluginRequest(rule.params))) found = true;
-		});
-		return found;
+		const root = postcss$1.parse(css);
+		const outerChanged = rewriteOuterCustomVariantConditionalComments(root);
+		const innerChanged = rewriteCustomVariantConditionalComments(root);
+		return outerChanged || innerChanged ? root.toString() : css;
 	} catch {
-		return /@plugin\s+(?:url\(\s*)?["']weapp-tailwindcss\/css-macro["']/.test(css);
+		return css;
 	}
 }
 function hasCssMacroTailwindV4CustomVariantConditionalComments(css) {
@@ -3447,18 +3553,31 @@ function hasCssMacroTailwindV4CustomVariantConditionalComments(css) {
 	try {
 		const root = postcss$1.parse(css);
 		let found = false;
-		root.walkAtRules("custom-variant", (rule) => {
-			const nodes = [...rule.nodes ?? []];
+		const hasConditionalSlot = (container) => {
+			const nodes = [...container.nodes ?? []];
 			for (let index = 0; index < nodes.length; index += 1) {
 				const node = nodes[index];
 				if (node?.type !== "comment" || !parseConditionalStart(node.text)) continue;
 				const tail = nodes.slice(index + 1);
-				if (tail.some((current) => current.type === "comment" && CONDITIONAL_END_RE.test(current.text)) && hasSlotNode(tail)) {
-					found = true;
-					return false;
-				}
+				if (tail.some((current) => current.type === "comment" && CONDITIONAL_END_RE.test(current.text)) && hasSlotNode(tail)) return true;
 			}
+			return nodes.some((node) => "nodes" in node && node.nodes && hasConditionalSlot(node));
+		};
+		root.walkAtRules("custom-variant", (rule) => {
+			if (hasConditionalSlot(rule)) found = true;
 		});
+		const scanOuterConditional = (container) => {
+			const nodes = [...container.nodes ?? []];
+			for (let index = 0; index < nodes.length; index += 1) {
+				const node = nodes[index];
+				if (node?.type !== "comment" || !parseConditionalStart(node.text)) continue;
+				const endIndex = findConditionalEnd(nodes, index);
+				if (endIndex < 0) continue;
+				if (nodes.slice(index + 1, endIndex).some((current) => current.type === "atrule" && current.name === "custom-variant")) return true;
+			}
+			return nodes.some((node) => "nodes" in node && node.nodes && scanOuterConditional(node));
+		};
+		found ||= scanOuterConditional(root);
 		return found;
 	} catch {
 		return CUSTOM_VARIANT_CONDITIONAL_FALLBACK_RE.test(css);
@@ -3469,28 +3588,42 @@ function hasCssMacroTailwindV4InternalAtRules(css) {
 	try {
 		let found = false;
 		postcss$1.parse(css).walkAtRules((rule) => {
-			if (rule.name === "weapp-tw-ifdef" || rule.name === "weapp-tw-ifndef") {
-				found = true;
-				return false;
-			}
+			if (rule.name === "weapp-tw-ifdef" || rule.name === "weapp-tw-ifndef") found = true;
 		});
 		return found;
 	} catch {
 		return /@weapp-tw-ifn?def\b/.test(css);
 	}
 }
-function hasCssMacroTailwindV4Source(css) {
-	return hasCssMacroTailwindV4Directive(css) || hasCssMacroTailwindV4CustomVariantConditionalComments(css) || hasCssMacroTailwindV4InternalAtRules(css);
+//#endregion
+//#region src/css-macro/auto.ts
+const CSS_MACRO_STYLE_OPTIONS_MARKER = "__weappTailwindcssCssMacroEnabled";
+function parseCssPluginRequest(params) {
+	const value = params.trim();
+	const quoted = /^(['"])(.*?)\1/.exec(value);
+	if (quoted) return quoted[2];
+	const url = /^url\(\s*(?:(['"])(.*?)\1|([^'")\s]+))\s*\)/.exec(value);
+	return url?.[2] ?? url?.[3];
 }
-function transformCssMacroTailwindV4Source(css) {
-	if (!hasCssMacroTailwindV4CustomVariantConditionalComments(css)) return css;
+function isCssMacroPluginRequest(request) {
+	if (request === "weapp-tailwindcss/css-macro") return true;
+	return Boolean(request?.includes("css-macro") && path.basename(request).startsWith("css-macro"));
+}
+function hasCssMacroTailwindV4Directive(css) {
+	if (!css?.includes("css-macro")) return false;
 	try {
-		const root = postcss$1.parse(css);
-		return rewriteCustomVariantConditionalComments(root) ? root.toString() : css;
+		let found = false;
+		postcss$1.parse(css).walkAtRules("plugin", (rule) => {
+			if (isCssMacroPluginRequest(parseCssPluginRequest(rule.params))) found = true;
+		});
+		return found;
 	} catch {
-		return css;
+		return /@plugin\s+(?:url\(\s*)?["']weapp-tailwindcss\/css-macro["']/.test(css);
 	}
 }
+function hasCssMacroTailwindV4Source(css) {
+	return hasCssMacroTailwindV4Directive(css) || hasCssMacroTailwindV4CustomVariantConditionalComments(css) || hasCssMacroTailwindV4InternalAtRules(css);
+}
 function isCssMacroPostcssPlugin(plugin) {
 	if (plugin === creator) return true;
 	return Boolean(plugin && (typeof plugin === "function" || typeof plugin === "object") && plugin.postcssPlugin === "postcss-weapp-tw-css-macro-plugin");
@@ -3501,8 +3634,7 @@ function withCssMacroPostcssPlugins(plugins) {
 	if (Array.isArray(plugins)) return plugins.some(isCssMacroPostcssPlugin) ? plugins : [...plugins, macroPlugin];
 	if (typeof plugins === "object") {
 		const values = Object.values(plugins).filter(Boolean);
-		if (values.some(isCssMacroPostcssPlugin)) return values;
-		return [...values, macroPlugin];
+		return values.some(isCssMacroPostcssPlugin) ? values : [...values, macroPlugin];
 	}
 	return [macroPlugin];
 }
@@ -4168,7 +4300,10 @@ function isMiniProgramGeneratorTarget(target) {
 	return target !== "web";
 }
 function finalizeGeneratedCss(css, target, styleOptions, webCompat) {
-	if (target === "web") return transformWebCssCompat(css, webCompat);
+	if (target === "web") {
+		const webCss = transformWebCssCompat(css, webCompat);
+		return (styleOptions?.cssOptions?.platform ?? styleOptions?.platform) === "lynx" ? transformLynxCssCompat(webCss) : webCss;
+	}
 	if (!isMiniProgramGeneratorTarget(target)) return css;
 	return finalizeMiniProgramCss(css, {
 		cssSelectorReplacement: styleOptions?.cssOptions?.cssSelectorReplacement ?? styleOptions?.cssSelectorReplacement,
@@ -4611,6 +4746,7 @@ function getDefaultOptions(options) {
 			autoprefixer: { add: false }
 		},
 		cssRemoveProperty: true,
+		cssRemoveFocusPseudoClass: true,
 		uniAppXUnsupported: "warn",
 		cssSelectorReplacement: {
 			root: [
@@ -4658,7 +4794,9 @@ const CSS_OPTION_KEYS = [
 	"unitsToPx",
 	"unitConversion",
 	"platform",
+	"cssRemoveActivePseudoClass",
 	"cssRemoveHoverPseudoClass",
+	"cssRemoveFocusPseudoClass",
 	"cssRemoveProperty",
 	"cssCalc",
 	"atRules",
@@ -4668,7 +4806,9 @@ function getSimpleOverrideCacheKey(options) {
 	let isMainChunk = SIMPLE_OVERRIDE_UNSET;
 	let majorVersion = SIMPLE_OVERRIDE_UNSET;
 	let cssRemoveProperty = SIMPLE_OVERRIDE_UNSET;
+	let cssRemoveActivePseudoClass = SIMPLE_OVERRIDE_UNSET;
 	let cssRemoveHoverPseudoClass = SIMPLE_OVERRIDE_UNSET;
+	let cssRemoveFocusPseudoClass = SIMPLE_OVERRIDE_UNSET;
 	let uniAppX = SIMPLE_OVERRIDE_UNSET;
 	let cssPreflightRange = SIMPLE_OVERRIDE_UNSET;
 	let injectAdditionalCssVarScope = SIMPLE_OVERRIDE_UNSET;
@@ -4700,6 +4840,14 @@ function getSimpleOverrideCacheKey(options) {
 				if (typeof value !== "boolean") return;
 				cssRemoveHoverPseudoClass = value ? "1" : "0";
 				break;
+			case "cssRemoveActivePseudoClass":
+				if (typeof value !== "boolean") return;
+				cssRemoveActivePseudoClass = value ? "1" : "0";
+				break;
+			case "cssRemoveFocusPseudoClass":
+				if (typeof value !== "boolean") return;
+				cssRemoveFocusPseudoClass = value ? "1" : "0";
+				break;
 			case "uniAppX":
 				if (typeof value !== "boolean") return;
 				uniAppX = value ? "1" : "0";
@@ -4756,7 +4904,9 @@ function getSimpleOverrideCacheKey(options) {
 		isMainChunk,
 		majorVersion,
 		cssRemoveProperty,
+		cssRemoveActivePseudoClass,
 		cssRemoveHoverPseudoClass,
+		cssRemoveFocusPseudoClass,
 		uniAppX,
 		cssPreflightRange,
 		injectAdditionalCssVarScope,
@@ -5090,7 +5240,8 @@ const defaultRemTransformOptions = {
 function getRemTransformPlugin(options) {
 	if (!options.rem2rpx) return null;
 	if (options.rem2rpx === true) return postcssRem2rpx(defaultRemTransformOptions);
-	return postcssRem2rpx(defuOverrideArray(options.rem2rpx, defaultStage));
+	const merged = defuOverrideArray(options.rem2rpx, defaultStage);
+	return postcssRem2rpx(merged);
 }
 //#endregion
 //#region src/plugins/getUnitConversionPlugin.ts
@@ -5330,9 +5481,10 @@ function getFallbackRemove(_rule, options) {
 				if (idx === 0 && (selector.type === "id" || selector.type === "class" || selector.type === "attribute")) maybeImportantId = true;
 				if (selector.type === "universal") selector.parent?.remove();
 				else if (selector.type === "pseudo") {
-					if (selector.value === ":is") if (maybeImportantId && selector.nodes[0]?.type === "selector") selector.replaceWith(selector.nodes[0]);
-					else selector.parent?.remove();
-					else if (selector.value === ":not") {
+					if (selector.value === ":is") {
+						if (maybeImportantId && selector.nodes[0]?.type === "selector") selector.replaceWith(selector.nodes[0]);
+						else selector.parent?.remove();
+					} else if (selector.value === ":not") {
 						for (const x of selector.nodes) if (x.nodes.length === 1 && x.nodes[0].type === "id" && x.nodes[0].value === "#") x.nodes = [selectorParser.tag({ value: "#n" })];
 					}
 				} else if (selector.type === "attribute") {
@@ -5372,14 +5524,16 @@ function getFallbackRemove(_rule, options) {
 			} finally {
 				currentRule = void 0;
 			}
-			if (transformOptions === FALLBACK_TRANSFORM_OPTIONS) if (targetRule.parent == null) {
-				targetRule.selector = "";
-				writeSelectorCache(sourceSelector, { action: "remove" });
-			} else if (targetRule.selector === sourceSelector) writeSelectorCache(sourceSelector, { action: "keep" });
-			else writeSelectorCache(sourceSelector, {
-				action: "update",
-				selector: targetRule.selector
-			});
+			if (transformOptions === FALLBACK_TRANSFORM_OPTIONS) {
+				if (targetRule.parent == null) {
+					targetRule.selector = "";
+					writeSelectorCache(sourceSelector, { action: "remove" });
+				} else if (targetRule.selector === sourceSelector) writeSelectorCache(sourceSelector, { action: "keep" });
+				else writeSelectorCache(sourceSelector, {
+					action: "update",
+					selector: targetRule.selector
+				});
+			}
 		};
 		parser.transformSync = ((input, opts) => {
 			const transformOptions = opts ? normalizeTransformOptions(opts) : FALLBACK_TRANSFORM_OPTIONS;
@@ -5397,6 +5551,47 @@ function getFallbackRemove(_rule, options) {
 	return entry.parser;
 }
 //#endregion
+//#region src/selectorParser/pseudo.ts
+function selectorContainsPseudoClass(selector, pseudoClasses) {
+	if (pseudoClasses.length === 0) return false;
+	let attributeDepth = 0;
+	let quote;
+	let escaped = false;
+	for (let index = 0; index < selector.length; index += 1) {
+		const character = selector[index];
+		if (escaped) {
+			escaped = false;
+			continue;
+		}
+		if (character === "\\") {
+			escaped = true;
+			continue;
+		}
+		if (quote) {
+			if (character === quote) quote = void 0;
+			continue;
+		}
+		if (character === "\"" || character === "'") {
+			quote = character;
+			continue;
+		}
+		if (character === "[") {
+			attributeDepth += 1;
+			continue;
+		}
+		if (character === "]") {
+			attributeDepth = Math.max(0, attributeDepth - 1);
+			continue;
+		}
+		if (attributeDepth > 0 || character !== ":") continue;
+		let end = index + 1;
+		while (end < selector.length && /[\w-]/.test(selector[end] ?? "")) end += 1;
+		if (pseudoClasses.includes(selector.slice(index, end))) return true;
+		index = end - 1;
+	}
+	return false;
+}
+//#endregion
 //#region src/utils/decl-order.ts
 /**
 * 将同一规则内的声明重排，使字面量优先，带变量的声明靠后，保持各自相对顺序。
@@ -5506,6 +5701,53 @@ function normalizeSpacingDeclarations(rule) {
 	for (const declarations of grouped.values()) dedupeSpacingGroup(rule, declarations);
 }
 //#endregion
+//#region src/selectorParser/rule-transformer/unsupported-pseudos.ts
+const UNSUPPORTED_MINI_PROGRAM_PSEUDO_CLASS_SET = /* @__PURE__ */ new Set([
+	":autofill",
+	":checked",
+	":default",
+	":disabled",
+	":enabled",
+	":focus-visible",
+	":focus-within",
+	":fullscreen",
+	":indeterminate",
+	":in-range",
+	":invalid",
+	":modal",
+	":open",
+	":optional",
+	":out-of-range",
+	":placeholder-shown",
+	":read-only",
+	":read-write",
+	":required",
+	":target",
+	":valid",
+	":visited"
+]);
+const unsupportedPseudoClassSetCache = /* @__PURE__ */ new WeakMap();
+function getUnsupportedPseudoClassSet(options) {
+	const cached = unsupportedPseudoClassSetCache.get(options);
+	if (cached) return cached;
+	const pseudoClasses = new Set(UNSUPPORTED_MINI_PROGRAM_PSEUDO_CLASS_SET);
+	if (options.cssRemoveHoverPseudoClass) pseudoClasses.add(":hover");
+	if (options.cssRemoveActivePseudoClass) pseudoClasses.add(":active");
+	if (options.cssRemoveFocusPseudoClass) pseudoClasses.add(":focus");
+	unsupportedPseudoClassSetCache.set(options, pseudoClasses);
+	return pseudoClasses;
+}
+function findRootSelector(node) {
+	let current = node;
+	while (current.parent && current.parent.type !== "root") current = current.parent;
+	return current.type === "selector" ? current : void 0;
+}
+function removeUnsupportedPseudoSelector(node, options, unsupportedPseudoClasses = getUnsupportedPseudoClassSet(options)) {
+	if (node.type !== "pseudo" || !unsupportedPseudoClasses.has(node.value)) return false;
+	findRootSelector(node)?.remove();
+	return true;
+}
+//#endregion
 //#region src/selectorParser/rule-transformer/pseudos.ts
 const RTL_LANGUAGE_ANY_PSEUDO_SET = /* @__PURE__ */ new Set([
 	":-moz-any",
@@ -5639,6 +5881,12 @@ function transformExpandedSelectorNodes(selector, context) {
 		else if (node.type === "universal" && context.universalReplacement) node.value = context.universalReplacement;
 	});
 }
+function transformExpandedUniversalNodes(selector, context) {
+	if (!context.universalReplacement) return;
+	selector.walk((node) => {
+		if (node.type === "universal") node.value = context.universalReplacement;
+	});
+}
 function appendExpandedWhereSelectors(parent, index, branches, context) {
 	const root = parent.parent;
 	if (!root) return false;
@@ -5659,7 +5907,10 @@ function flattenWherePseudo(node, context, index, parent) {
 	for (const branch of branches) if (transformSpacingSelector(branch.nodes, context.options)) context.requiresSpacingNormalization = true;
 	if (branches.length > 1 && appendExpandedWhereSelectors(parent, index, branches, context)) return;
 	const targetSelector = branches[0];
-	if (targetSelector) node.replaceWith(...targetSelector.nodes.map((item) => item.clone()));
+	if (targetSelector) {
+		transformExpandedUniversalNodes(targetSelector, context);
+		node.replaceWith(...targetSelector.nodes.map((item) => item.clone()));
+	}
 	if (parent.type === "selector" && parent.length === 0) parent.remove();
 }
 function shouldRemoveUnsupportedPseudoElementSelector(selector, options) {
@@ -5668,6 +5919,7 @@ function shouldRemoveUnsupportedPseudoElementSelector(selector, options) {
 }
 function handlePseudoNode(node, index, context, parent) {
 	if (node.type !== "pseudo") return;
+	if (removeUnsupportedPseudoSelector(node, context.options, context.unsupportedPseudoClasses ?? getUnsupportedPseudoClassSet(context.options))) return;
 	if (isRtlLanguageAnyPseudo(node)) {
 		stripUnsupportedRtlLanguagePseudo(node);
 		return;
@@ -5693,10 +5945,6 @@ function handleUniversalNode(node, context) {
 	if (node.type !== "universal") return;
 	if (context.universalReplacement) node.value = context.universalReplacement;
 }
-function shouldRemoveHoverSelector(selector, options) {
-	if (!options.cssRemoveHoverPseudoClass) return false;
-	return selector.nodes.some((node) => node.type === "pseudo" && node.value === ":hover");
-}
 function isHiddenOrTemplateNotPseudo(node) {
 	if (!node || node.type !== "pseudo" || node.value !== ":not") return false;
 	const selector = node.first;
@@ -5727,8 +5975,10 @@ function handleSelectorNode(selector, context) {
 		selector.remove();
 		return;
 	}
-	if (shouldRemoveHoverSelector(selector, context.options)) {
-		selector.remove();
+	const unsupportedPseudoClasses = context.unsupportedPseudoClasses ?? getUnsupportedPseudoClassSet(context.options);
+	const unsupportedPseudo = selector.nodes.find((node) => node.type === "pseudo" && unsupportedPseudoClasses.has(node.value));
+	if (unsupportedPseudo) {
+		removeUnsupportedPseudoSelector(unsupportedPseudo, context.options, unsupportedPseudoClasses);
 		return;
 	}
 	if (transformSpacingSelector(selector.nodes, context.options)) context.requiresSpacingNormalization = true;
@@ -5763,10 +6013,7 @@ function transformSelectors(selectors, context) {
 				handleCombinatorNode(node, index, context);
 				break;
 			case "tag":
-			case "attribute":
-				handleTagOrAttribute(node, context);
-				break;
-			default: break;
+			case "attribute": handleTagOrAttribute(node, context);
 		}
 	});
 	if (context.requiresSpacingNormalization) normalizeSpacingDeclarations(context.rule);
@@ -5786,6 +6033,7 @@ function createRuleTransformer(options) {
 	const rootReplacement = options.cssSelectorReplacement?.root ? composeIsPseudo(options.cssSelectorReplacement.root) : void 0;
 	const universalReplacement = options.cssSelectorReplacement?.universal ? composeIsPseudo(options.cssSelectorReplacement.universal) : void 0;
 	const selectorReplacerOptions = options.escapeMap ? { escapeMap: options.escapeMap } : void 0;
+	const unsupportedPseudoClasses = getUnsupportedPseudoClassSet(options);
 	function writeSelectorResultCache(selector, result) {
 		if (selectorResultCache.size >= selectorResultCacheLimit) selectorResultCache.clear();
 		selectorResultCache.set(selector, result);
@@ -5814,7 +6062,8 @@ function createRuleTransformer(options) {
 			rule,
 			rootReplacement,
 			universalReplacement,
-			selectorReplacerOptions
+			selectorReplacerOptions,
+			unsupportedPseudoClasses
 		};
 		let wasRemoved = false;
 		let requiresSpacingNormalization = false;
@@ -6459,9 +6708,10 @@ const postcssWeappTailwindcssPrePlugin = (options) => {
 			ruleTransformSync(rule, opts);
 		},
 		AtRule(atRule) {
-			if (isAtMediaHover(atRule)) if (atRule.nodes) atRule.replaceWith(atRule.nodes);
-			else atRule.remove();
-			else if (atRule.name === "supports") {
+			if (isAtMediaHover(atRule)) {
+				if (atRule.nodes) atRule.replaceWith(atRule.nodes);
+				else atRule.remove();
+			} else if (atRule.name === "supports") {
 				if (COLOR_MIX_RE.test(atRule.params)) removeAtRuleAndEmptyAncestors(atRule);
 				else if (isTailwindcssV4LinearGradientSupports(atRule)) removeAtRuleAndEmptyAncestors(atRule);
 				else if (isTailwindcssV4DisplayP3Supports(atRule)) removeAtRuleAndEmptyAncestors(atRule);
@@ -6729,7 +6979,8 @@ var StyleProcessorCache = class {
 		const compositeKey = this.createCompositeCacheKey(optionsKey, signal);
 		let processor = this.processorCacheByKey.get(compositeKey);
 		if (!processor) {
-			processor = postcss$1(this.getPipeline(options, signal).plugins);
+			const pipeline = this.getPipeline(options, signal);
+			processor = postcss$1(pipeline.plugins);
 			this.processorCacheByKey.set(compositeKey, processor);
 		}
 		return processor;
@@ -7343,4 +7594,4 @@ function mergeMiniProgramThemeScopeRuleDeclarations(baseCss, css) {
 	}
 }
 //#endregion
-export { CSS_MACRO_POSTCSS_PLUGIN_NAME, CSS_MACRO_STYLE_OPTIONS_MARKER, FULL_SOURCE_SCAN_EXTENSIONS, FULL_SOURCE_SCAN_EXTENSION_RE, FULL_SOURCE_SCAN_PATTERN, analyzeTailwindCssDirectives, cleanLocalCssImportWrapperTailwindDirectives, cleanLocalCssImportWrapperTailwindDirectivesRoot, collectApplyOnlyCssSelectors, collectApplyOnlyCssSelectorsRoot, collectCssImportRequestsRoot, collectCssInlineSourceCandidates, compileCssMacroConditionalComments, consumeCascadeLayers, containsCssAfterMinify, convertTailwindcssRpxDeclarationToRem, convertTailwindcssRpxDeclarationsToRem, convertTailwindcssRpxValueToRem, createCssSourceOrderAppend, createFallbackPlaceholderReplacer, createInjectPreflight, createPostcssStyleTargetProfile, createSourceScanPattern, createStyleHandler, createStylePipeline, createTailwindSourceEntryMatcher, createWeappTailwindcssPostcssPlugin, creator as cssMacroPostcssPlugin, dedupeCoveredCssRules, expandInlineSourceCandidatePattern, expandTailwindSourceEntries, filterApplyOnlyGeneratedCss, filterApplyOnlyGeneratedCssRoot, filterExistingCssRules, finalizeMiniProgramCss, getPostcssPluginName, hasCssMacroStyleOptions, hasCssMacroTailwindV4CustomVariantConditionalComments, hasCssMacroTailwindV4Directive, hasCssMacroTailwindV4InternalAtRules, hasCssMacroTailwindV4Source, hasMiniProgramCssSpecificityPlaceholders, hoistTailwindPreflightBase, internalCssSelectorReplacer, isFileExcludedByTailwindSourceEntries, isFileMatchedByTailwindSourceEntries, isLocalCssImportRequest, isMiniProgramLocalCssImportRequest, isPureLocalCssImportWrapper, isPureLocalCssImportWrapperRoot, isTailwindCssGenerationDirective, isTailwindCssImportAtRule, isTailwindCssImportRequest, isTailwindCssPackageJsonImportRequest, isWeappTailwindcssImportRequest, mergeCoveredCssRuleDeclarations, mergeMiniProgramPreflightRuleDeclarations, mergeMiniProgramThemeScopeRuleDeclarations, normalizeLegacyContentEntries, normalizeMiniProgramGeneratedCssForPostcss, normalizeMiniProgramPrefixedDeclaration, normalizeModernColorValue, normalizeOutputImportRequest, normalizeTailwindCssImportRequest, normalizeTailwindcssRpxDeclaration, normalizeTailwindcssRpxDeclarations, normalizeTailwindcssV4InfinityCalcCss, normalizeTailwindcssWebRpxDeclarations, normalizeWebCssCompatOptions, parseConfigParam, parseSourceFileParam, parseTailwindCssConfigRequest, parseTailwindCssDirectiveRequest, postcss, postcssHtmlTransform, prefixLocalCssImportsWithWebpackIgnoreRoot, protectDynamicColorMixAlpha, protectDynamicVarFallbacks, pruneMiniProgramGeneratedCss, removeEmptyAtRules, removeMatchingLocalCssImports, removeMatchingLocalCssImportsRoot, removeTailwindPostcssPlugins, removeTailwindSourceDirectivesRoot, removeUnsupportedAtSupports, removeUnsupportedCascadeLayers, removeUnsupportedMiniProgramAtRules, removeUnsupportedMiniProgramCssImportsRoot, removeUnsupportedMiniProgramPrefixedAtRule, resolveCssSourceEntries, resolveFilteredPostcssConfig, resolvePostcssConfig, resolvePostcssFrameworkProfile, resolvePostcssFrameworkStrategy, resolvePostcssStyleBranch, resolvePostcssStyleBranchProfile, resolvePostcssStyleTarget, resolveSourceScanPath, resolveTailwindSourceEntry, restoreLocalCssImports, rewriteLocalCssImportRequestsForOutput, rewriteLocalCssImportRequestsForOutputRoot, splitLocalCssImports, splitLocalCssImportsRoot, stripMiniProgramCssSpecificityPlaceholders, toPosixPath, transformCssMacroCss, transformCssMacroTailwindV4Source, transformWebCssCompat, transformWebCssSafeSelectors, unitConversionComposeRules, unitConversionPresets, unwrapUnsupportedCascadeLayers, withCssMacroStyleOptions };
+export { CSS_MACRO_POSTCSS_PLUGIN_NAME, CSS_MACRO_STYLE_OPTIONS_MARKER, FULL_SOURCE_SCAN_EXTENSIONS, FULL_SOURCE_SCAN_EXTENSION_RE, FULL_SOURCE_SCAN_PATTERN, analyzeTailwindCssDirectives, cleanLocalCssImportWrapperTailwindDirectives, cleanLocalCssImportWrapperTailwindDirectivesRoot, collectApplyOnlyCssSelectors, collectApplyOnlyCssSelectorsRoot, collectCssImportRequestsRoot, collectCssInlineSourceCandidates, compileCssMacroConditionalComments, consumeCascadeLayers, containsCssAfterMinify, convertTailwindcssRpxDeclarationToRem, convertTailwindcssRpxDeclarationsToRem, convertTailwindcssRpxValueToRem, createCssSourceOrderAppend, createFallbackPlaceholderReplacer, createInjectPreflight, createPostcssStyleTargetProfile, createSourceScanPattern, createStyleHandler, createStylePipeline, createTailwindSourceEntryMatcher, createWeappTailwindcssPostcssPlugin, creator as cssMacroPostcssPlugin, dedupeCoveredCssRules, expandInlineSourceCandidatePattern, expandTailwindSourceEntries, filterApplyOnlyGeneratedCss, filterApplyOnlyGeneratedCssRoot, filterExistingCssRules, finalizeMiniProgramCss, getPostcssPluginName, hasCssMacroStyleOptions, hasCssMacroTailwindV4CustomVariantConditionalComments, hasCssMacroTailwindV4Directive, hasCssMacroTailwindV4InternalAtRules, hasCssMacroTailwindV4Source, hasMiniProgramCssSpecificityPlaceholders, hoistTailwindPreflightBase, internalCssSelectorReplacer, isFileExcludedByTailwindSourceEntries, isFileMatchedByTailwindSourceEntries, isLocalCssImportRequest, isMiniProgramLocalCssImportRequest, isPureLocalCssImportWrapper, isPureLocalCssImportWrapperRoot, isTailwindCssGenerationDirective, isTailwindCssImportAtRule, isTailwindCssImportRequest, isTailwindCssPackageJsonImportRequest, isWeappTailwindcssImportRequest, mergeCoveredCssRuleDeclarations, mergeMiniProgramPreflightRuleDeclarations, mergeMiniProgramThemeScopeRuleDeclarations, normalizeLegacyContentEntries, normalizeMiniProgramGeneratedCssForPostcss, normalizeMiniProgramPrefixedDeclaration, normalizeModernColorValue, normalizeOutputImportRequest, normalizeTailwindCssImportRequest, normalizeTailwindcssRpxDeclaration, normalizeTailwindcssRpxDeclarations, normalizeTailwindcssV4InfinityCalcCss, normalizeTailwindcssWebRpxDeclarations, normalizeWebCssCompatOptions, parseConfigParam, parseSourceFileParam, parseTailwindCssConfigRequest, parseTailwindCssDirectiveRequest, postcss, postcssHtmlTransform, prefixLocalCssImportsWithWebpackIgnoreRoot, protectDynamicColorMixAlpha, protectDynamicVarFallbacks, pruneMiniProgramGeneratedCss, removeEmptyAtRules, removeMatchingLocalCssImports, removeMatchingLocalCssImportsRoot, removeTailwindPostcssPlugins, removeTailwindSourceDirectivesRoot, removeUnsupportedAtSupports, removeUnsupportedCascadeLayers, removeUnsupportedMiniProgramAtRules, removeUnsupportedMiniProgramCssImportsRoot, removeUnsupportedMiniProgramPrefixedAtRule, resolveCssSourceEntries, resolveFilteredPostcssConfig, resolvePostcssConfig, resolvePostcssFrameworkProfile, resolvePostcssFrameworkStrategy, resolvePostcssStyleBranch, resolvePostcssStyleBranchProfile, resolvePostcssStyleTarget, resolveSourceScanPath, resolveTailwindSourceEntry, restoreLocalCssImports, rewriteLocalCssImportRequestsForOutput, rewriteLocalCssImportRequestsForOutputRoot, selectorContainsPseudoClass, splitLocalCssImports, splitLocalCssImportsRoot, stripMiniProgramCssSpecificityPlaceholders, toPosixPath, transformCssMacroCss, transformCssMacroTailwindV4Source, transformLynxCssCompat, transformWebCssCompat, transformWebCssSafeSelectors, unitConversionComposeRules, unitConversionPresets, unwrapUnsupportedCascadeLayers, withCssMacroStyleOptions };