@weapp-tailwindcss/postcss 3.1.5 → 3.1.6

package/dist/compat/color-mix/constants.d.ts

@@ -1,5 +1,6 @@
 export declare const COLOR_MIX_NAME = "color-mix";
 export declare const MODERN_COLOR_FUNCTION_NAMES: Set<string>;
+export declare const MODERN_COLOR_SYNTAX_FUNCTION_NAMES: Set<string>;
 export declare const PLACEHOLDER_PREFIX = "__weapp_tw_color_mix_";
 export declare const DYNAMIC_ALPHA_RE: RegExp;
 export declare const INTERNAL_TAILWIND_ALPHA_RE: RegExp;

package/dist/compat/color-mix/modern.d.ts

@@ -1,2 +1,3 @@
 export declare function isDisplayP3ColorFunction(colorSource: string): boolean;
+export declare function isModernColorSyntaxFunction(colorSource: string): boolean;
 export declare function hasUnsupportedModernColorFunction(value: string): boolean;

package/dist/compat/tailwindcss-v4.d.ts

@@ -9,6 +9,8 @@ export declare function collectUsedTailwindcssV4Variables(root: Root): Set<strin
 export declare function usesTailwindcssV4ContentVariable(root: Root): boolean;
 export declare function createUsedCssVarsV4Nodes(usedProps: ReadonlySet<string>): PostcssDeclaration[];
 export declare function createMissingCssVarsV4Nodes(root: Root, usedProps: ReadonlySet<string>): PostcssDeclaration[];
+export declare function normalizeTailwindcssV4GradientPosition(value: string): string;
+export declare function normalizeTailwindcssV4InfinityCalcValue(value: string): string;
 export declare function mergeTailwindcssV4GradientDirectionRules(root: Root): void;
 export declare function appendTailwindcssV4MiniProgramGradientRules(root: Root): void;
 export declare function isTailwindcssV4ModernCheck(atRule: AtRule): boolean;

package/dist/compat/web-css.d.ts

@@ -5,3 +5,6 @@ export interface NormalizedWebCssCompatOptions {
 }
 export declare function normalizeWebCssCompatOptions(options: WebCssCompatUserOptions | undefined): NormalizedWebCssCompatOptions;
 export declare function transformWebCssCompat(css: string, options: WebCssCompatUserOptions | undefined): string;
+export declare function transformWebCssSafeSelectors(css: string, options?: {
+    escapeMap?: Record<string, string> | undefined;
+} | undefined): string;

package/dist/generator-plugin/local-imports.d.ts

@@ -3,6 +3,9 @@ import type { TailwindCssDirectiveOptions } from './directives';
 export interface RewriteLocalCssImportRequestOptions {
     styleOutputExtension?: string | undefined;
 }
+export interface RestoreLocalCssImportOptions {
+    outputFile?: string | undefined;
+}
 export declare function createCssSourceOrderAppend(base: string, extra: string): string;
 export declare function isLocalCssImportRequest(request: string): boolean;
 export declare function removeTailwindSourceDirectivesRoot(root: Root, options?: TailwindCssDirectiveOptions): boolean;
@@ -19,7 +22,7 @@ export declare function splitLocalCssImports(source: string): {
     imports: string;
     source: string;
 } | undefined;
-export declare function restoreLocalCssImports(css: string, imports: string | undefined): string;
+export declare function restoreLocalCssImports(css: string, imports: string | undefined, options?: RestoreLocalCssImportOptions): string;
 export declare function normalizeOutputImportRequest(request: string, styleOutputExtension: string | undefined): string;
 export declare function rewriteLocalCssImportRequestsForOutputRoot(root: Root, options?: RewriteLocalCssImportRequestOptions): boolean;
 export declare function rewriteLocalCssImportRequestsForOutput(css: string, options?: RewriteLocalCssImportRequestOptions): string;

package/dist/generator-plugin/types.d.ts

@@ -1,5 +1,5 @@
 import type { IStyleHandlerOptions, WebCssCompatUserOptions } from '../types';
-export type WeappTailwindcssPostcssTarget = 'weapp' | 'web' | 'tailwind';
+export type WeappTailwindcssPostcssTarget = 'weapp' | 'web';
 export interface TailwindCandidateSource {
     content: string;
     extension?: string | undefined;

package/dist/index.d.ts

@@ -2,7 +2,7 @@ export { type DynamicColorMixAlphaProtection, type DynamicColorMixAlphaProtectio
 export { finalizeMiniProgramCss, hasMiniProgramCssSpecificityPlaceholders, hoistTailwindPreflightBase, pruneMiniProgramGeneratedCss, removeUnsupportedAtSupports, removeUnsupportedCascadeLayers, removeUnsupportedMiniProgramAtRules, stripMiniProgramCssSpecificityPlaceholders, unwrapUnsupportedCascadeLayers, } from './compat/mini-program-css';
 export { normalizeMiniProgramPrefixedDeclaration, removeUnsupportedMiniProgramPrefixedAtRule, } from './compat/mini-program-prefixes';
 export { convertTailwindcssRpxDeclarationsToRem, convertTailwindcssRpxDeclarationToRem, convertTailwindcssRpxValueToRem, normalizeTailwindcssRpxDeclaration, normalizeTailwindcssRpxDeclarations, normalizeTailwindcssWebRpxDeclarations, type TailwindcssRpxToRemOptions, } from './compat/tailwindcss-rpx';
-export { type NormalizedWebCssCompatOptions, normalizeWebCssCompatOptions, transformWebCssCompat, } from './compat/web-css';
+export { type NormalizedWebCssCompatOptions, normalizeWebCssCompatOptions, transformWebCssCompat, transformWebCssSafeSelectors, } from './compat/web-css';
 export { compileCssMacroConditionalComments, CSS_MACRO_STYLE_OPTIONS_MARKER, hasCssMacroStyleOptions, hasCssMacroTailwindV4CustomVariantConditionalComments, hasCssMacroTailwindV4Directive, hasCssMacroTailwindV4InternalAtRules, hasCssMacroTailwindV4Source, transformCssMacroCss, transformCssMacroTailwindV4Source, withCssMacroStyleOptions, } from './css-macro/auto';
 export { CSS_MACRO_POSTCSS_PLUGIN_NAME, default as cssMacroPostcssPlugin } from './css-macro/postcss';
 export { createWeappTailwindcssPostcssPlugin } from './generator-plugin';

package/dist/index.js

@@ -11,6 +11,7 @@ postcss_value_parser = require_rolldown_runtime.__toESM(postcss_value_parser);
 let autoprefixer = require("autoprefixer");
 let autoprefixer$1 = require_rolldown_runtime.__toESM(autoprefixer, 1);
 autoprefixer = require_rolldown_runtime.__toESM(autoprefixer);
+let _weapp_core_escape = require("@weapp-core/escape");
 let node_path = require("node:path");
 node_path = require_rolldown_runtime.__toESM(node_path);
 let node_process = require("node:process");
@@ -31,7 +32,6 @@ let postcss_rem_to_responsive_pixel = require("postcss-rem-to-responsive-pixel")
 postcss_rem_to_responsive_pixel = require_rolldown_runtime.__toESM(postcss_rem_to_responsive_pixel);
 let postcss_rule_unit_converter = require("postcss-rule-unit-converter");
 postcss_rule_unit_converter = require_rolldown_runtime.__toESM(postcss_rule_unit_converter);
-let _weapp_core_escape = require("@weapp-core/escape");
 let postcss_load_config = require("postcss-load-config");
 postcss_load_config = require_rolldown_runtime.__toESM(postcss_load_config);
 const MODERN_COLOR_FUNCTION_NAMES = /* @__PURE__ */ new Set([
@@ -40,6 +40,13 @@ const MODERN_COLOR_FUNCTION_NAMES = /* @__PURE__ */ new Set([
 	"lch",
 	"lab"
 ]);
+const MODERN_COLOR_SYNTAX_FUNCTION_NAMES = /* @__PURE__ */ new Set([
+	"rgb",
+	"rgba",
+	"hsl",
+	"hsla",
+	"hwb"
+]);
 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*\)/;
@@ -52,13 +59,21 @@ const CUSTOM_PROPERTY_RE = /^--[\w-]+$/;
 function isDisplayP3ColorFunction(colorSource) {
 	return /^color\(\s*display-p3\b/i.test(colorSource.trim());
 }
+function isModernColorSyntaxFunction(colorSource) {
+	const parsed = (0, postcss_value_parser.default)(colorSource.trim());
+	const node = parsed.nodes.length === 1 ? parsed.nodes[0] : void 0;
+	if (node?.type !== "function") return false;
+	const name = node.value.toLowerCase();
+	if (!MODERN_COLOR_SYNTAX_FUNCTION_NAMES.has(name)) return false;
+	return !node.nodes.some((child) => child.type === "div" && child.value === ",");
+}
 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))) {
+		if (name === "color-mix" || MODERN_COLOR_FUNCTION_NAMES.has(name) || name === "color" && isDisplayP3ColorFunction(postcss_value_parser.default.stringify(node)) || isModernColorSyntaxFunction(postcss_value_parser.default.stringify(node))) {
 			hasUnsupported = true;
 			return false;
 		}
@@ -6885,7 +6900,7 @@ function normalizeModernColorValue(value, customPropertyValues = /* @__PURE__ */
 		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);
+		if (MODERN_COLOR_FUNCTION_NAMES.has(name) || name === "color" && isDisplayP3ColorFunction(source) || isModernColorSyntaxFunction(source)) normalized = normalizeStandaloneColorFunction(source);
 		else if (name === "color-mix") normalized = tryResolveColorMix(node, customPropertyValues)?.value;
 		if (!normalized) return;
 		const mutableNode = node;
@@ -7269,10 +7284,9 @@ function createCssVarNodes(definitions) {
 }
 //#endregion
 //#region src/compat/tailwindcss-v4.ts
-const OKLAB_SUFFIX = "in oklab";
-const INFINITY_CALC_REGEXP = /calc\(\s*infinity\s*\*\s*(?:\d+(?:\.\d*)?|\.\d+)r?px/;
 const RADIUS_THRESHOLD = 1e5;
 const CLAMP_PX = 9999;
+const INFINITY_CALC_VALUE_REGEXP = /^calc\(\s*infinity\s*\*\s*(?:\d+(?:\.\d*)?|\.\d+)r?px\s*\)$/i;
 const MODERN_CHECK_WEBKIT_HYPHENS_RE = /-webkit-hyphens\s*:\s*none/;
 const MODERN_CHECK_MARGIN_TRIM_RE = /margin-trim\s*:\s*inline/;
 const MODERN_CHECK_MOZ_ORIENT_RE = /-moz-orient\s*:\s*inline/;
@@ -7410,6 +7424,9 @@ function normalizeDeclarationValue(value) {
 function normalizeTailwindcssV4GradientPosition(value) {
 	return value.replace(/calc\(\s*([+-]?(?:\d+(?:\.\d+)?|\.\d+)(?:deg|grad|rad|turn))\s*\*\s*-1\s*\)/gi, "-$1").replace(/^in\s+(?:oklab|oklch|hsl|srgb)(?:\s+(?:longer|shorter|increasing|decreasing)\s+hue)?$/i, "").replace(/\s+in\s+(?:oklab|oklch|hsl|srgb)(?:\s+(?:longer|shorter|increasing|decreasing)\s+hue)?\s*$/i, "").replace(/\s+(?:longer|shorter|increasing|decreasing)\s*$/i, "").trim();
 }
+function normalizeTailwindcssV4InfinityCalcValue(value) {
+	return INFINITY_CALC_VALUE_REGEXP.test(value.trim()) ? `${CLAMP_PX}px` : value;
+}
 function normalizeTailwindcssV4GradientDirectionDeclaration(rule, decl) {
 	const normalized = normalizeTailwindcssV4GradientPosition(decl.value);
 	if (normalized) return normalized;
@@ -7454,6 +7471,7 @@ function reorderTailwindcssV4GradientDirectionRule(rule) {
 		else if (node.prop === "background-image" && node.value.includes("linear-gradient(")) gradientBackgroundDecls.push(node);
 	}
 	if (gradientPositionDecls.length === 0 || gradientBackgroundDecls.length === 0) return;
+	for (const decl of gradientPositionDecls) decl.value = normalizeTailwindcssV4GradientDirectionDeclaration(rule, decl);
 	const anchor = rule.nodes.find((node) => {
 		return node.type === "decl" && (node.prop === "--tw-gradient-position" || node.prop === "background-image" && node.value.includes("linear-gradient("));
 	});
@@ -7467,6 +7485,9 @@ function mergeTailwindcssV4GradientDirectionRules(root) {
 	const seen = /* @__PURE__ */ new Map();
 	root.walkRules((rule) => {
 		if (!isTailwindcssV4GradientDirectionRule(rule)) return;
+		rule.walkDecls("--tw-gradient-position", (decl) => {
+			decl.value = normalizeTailwindcssV4GradientDirectionDeclaration(rule, decl);
+		});
 		const selector = rule.selector.trim();
 		const previous = seen.get(selector);
 		if (!previous || previous.parent !== rule.parent) {
@@ -7757,12 +7778,16 @@ function normalizeTailwindcssV4Declaration(decl) {
 		decl.value = normalizedGradientPositionFallback;
 		changed = true;
 	}
-	if (decl.prop === "--tw-gradient-position" && decl.value.endsWith(OKLAB_SUFFIX)) {
-		decl.value = decl.parent?.type === "rule" ? normalizeTailwindcssV4GradientDirectionDeclaration(decl.parent, decl) : normalizeTailwindcssV4GradientPosition(decl.value);
-		return true;
+	if (decl.prop === "--tw-gradient-position") {
+		const nextValue = decl.parent?.type === "rule" ? normalizeTailwindcssV4GradientDirectionDeclaration(decl.parent, decl) : normalizeTailwindcssV4GradientPosition(decl.value);
+		if (nextValue !== decl.value) {
+			decl.value = nextValue;
+			return true;
+		}
 	}
-	if (INFINITY_CALC_REGEXP.test(decl.value)) {
-		decl.value = `${CLAMP_PX}px`;
+	const normalizedInfinityCalcValue = normalizeTailwindcssV4InfinityCalcValue(decl.value);
+	if (normalizedInfinityCalcValue !== decl.value) {
+		decl.value = normalizedInfinityCalcValue;
 		return true;
 	}
 	if (decl.prop.includes("radius")) {
@@ -60655,6 +60680,27 @@ const creator$1 = (e) => {
 };
 creator$1.postcss = !0;
 //#endregion
+//#region src/shared.ts
+const escapeOptionsCache = /* @__PURE__ */ new WeakMap();
+function getEscapeOptions(escapeMap) {
+	let cached = escapeOptionsCache.get(escapeMap);
+	if (!cached) {
+		cached = { map: escapeMap };
+		escapeOptionsCache.set(escapeMap, cached);
+	}
+	return cached;
+}
+function internalCssSelectorReplacer(selectors, options) {
+	const escapeMap = options?.escapeMap;
+	if (escapeMap === void 0 || escapeMap === _weapp_core_escape.MappingChars2String) return (0, _weapp_core_escape.escape)(selectors);
+	return (0, _weapp_core_escape.escape)(selectors, getEscapeOptions(escapeMap));
+}
+function composeIsPseudo(strs) {
+	if (typeof strs === "string") return strs;
+	if (strs.length > 1) return `:is(${strs.join(",")})`;
+	return strs.join("");
+}
+//#endregion
 //#region src/compat/web-css.ts
 const disabledFeatures = {
 	theme: false,
@@ -60778,18 +60824,29 @@ function resolveCustomPropertyVarValue(value, customPropertyValues) {
 	});
 	return changed ? parsed.toString() : value;
 }
-function insertModernColorFallbackDeclaration(decl, fallbackValue) {
-	if (decl.prev()?.type === "decl" && decl.prev().prop === decl.prop && decl.prev().value === fallbackValue) return;
-	decl.cloneBefore({ value: fallbackValue });
+function usesResolvableTailwindColorVariable(value, customPropertyValues) {
+	if (!value.includes("var(")) return false;
+	const parsed = (0, postcss_value_parser.default)(value);
+	let usesColorVariable = false;
+	parsed.walk((node) => {
+		if (node.type !== "function" || node.value.toLowerCase() !== "var") return;
+		const propertyNode = node.nodes.find((child) => child.type === "word" && child.value.startsWith("--color-"));
+		if (propertyNode && customPropertyValues.has(propertyNode.value)) usesColorVariable = true;
+	});
+	return usesColorVariable;
 }
 function normalizeModernColorDeclarations(root, features) {
 	if (!features.oklch && !features.colorFunctions) return;
 	const customPropertyValues = collectCustomPropertyValues(root);
 	root.walkDecls((decl) => {
-		const normalized = normalizeModernColorValue(resolveCustomPropertyVarValue(decl.value, customPropertyValues), customPropertyValues);
-		if (!normalized.changed) return;
-		if (!features.colorFunctions && !/oklch|oklab/i.test(decl.value)) return;
-		insertModernColorFallbackDeclaration(decl, normalized.value);
+		const value = resolveCustomPropertyVarValue(decl.value, customPropertyValues);
+		const normalized = normalizeModernColorValue(value, customPropertyValues);
+		if (!normalized.changed) {
+			if (value !== decl.value && usesResolvableTailwindColorVariable(decl.value, customPropertyValues)) decl.value = value;
+			return;
+		}
+		if (!features.colorFunctions && !/oklch|oklab/i.test(value)) return;
+		decl.value = normalized.value;
 	});
 }
 function removeModernColorSupports(root) {
@@ -60799,6 +60856,39 @@ function removeModernColorSupports(root) {
 		else atRule.remove();
 	});
 }
+function normalizeTailwindcssV4GradientPositionDeclarations(root) {
+	root.walkDecls("--tw-gradient-position", (decl) => {
+		const normalized = normalizeTailwindcssV4GradientPosition(decl.value);
+		if (normalized) {
+			decl.value = normalized;
+			return;
+		}
+		if (normalized === decl.value.trim()) return;
+		const parent = decl.parent;
+		if (parent?.type !== "rule") {
+			decl.value = "to bottom";
+			return;
+		}
+		const backgroundImageDecl = parent.nodes.find((node) => {
+			return node.type === "decl" && node.prop === "background-image";
+		});
+		if (/^radial-gradient\(/i.test(backgroundImageDecl?.value ?? "")) {
+			decl.value = "at center";
+			return;
+		}
+		if (/^conic-gradient\(/i.test(backgroundImageDecl?.value ?? "")) {
+			decl.value = "from 0deg";
+			return;
+		}
+		decl.value = "to bottom";
+	});
+}
+function normalizeTailwindcssV4InfinityCalcDeclarations(root) {
+	root.walkDecls((decl) => {
+		const normalized = normalizeTailwindcssV4InfinityCalcValue(decl.value);
+		if (normalized !== decl.value) decl.value = normalized;
+	});
+}
 function removeEmptyAtRules$1(root) {
 	root.walkAtRules((atRule) => {
 		if (atRule.nodes && atRule.nodes.length === 0) atRule.remove();
@@ -60825,6 +60915,8 @@ function transformWebCssCompat(css, options) {
 		}
 		if (normalized.features.supports) removeModernColorSupports(root);
 		if (normalized.features.nesting) transformCssNesting(root);
+		normalizeTailwindcssV4GradientPositionDeclarations(root);
+		normalizeTailwindcssV4InfinityCalcDeclarations(root);
 		normalizeModernColorDeclarations(root, normalized.features);
 		removeEmptyAtRules$1(root);
 		return root.toString();
@@ -60832,6 +60924,22 @@ function transformWebCssCompat(css, options) {
 		return css;
 	}
 }
+function transformWebCssSafeSelectors(css, options) {
+	try {
+		const root = postcss.default.parse(css);
+		root.walkRules((rule) => {
+			if (!rule.selector.includes(".")) return;
+			rule.selector = (0, import_dist$1.default)((selectors) => {
+				selectors.walkClasses((node) => {
+					node.value = internalCssSelectorReplacer(node.value, options);
+				});
+			}).processSync(rule.selector);
+		});
+		return root.toString();
+	} catch {
+		return css;
+	}
+}
 //#endregion
 //#region src/css-macro/auto.ts
 const CSS_MACRO_STYLE_OPTIONS_MARKER = "__weappTailwindcssCssMacroEnabled";
@@ -61749,6 +61857,18 @@ function resolveTailwindV4PostcssSourceCss(css, sourceOptions, root) {
 	const packageName = sourceOptions.packageName ?? "tailwindcss";
 	return isTailwindV4ApplyOnlyCss(css, root) ? `@import "${packageName}" source(none);\n@reference "${packageName}";\n${css}` : css;
 }
+function isMiniProgramGeneratorTarget(target) {
+	return target !== "web";
+}
+function finalizeGeneratedCss(css, target, styleOptions, webCompat) {
+	if (target === "web") return transformWebCssCompat(css, webCompat);
+	if (!isMiniProgramGeneratorTarget(target)) return css;
+	return finalizeMiniProgramCss(css, {
+		cssSelectorReplacement: styleOptions?.cssOptions?.cssSelectorReplacement ?? styleOptions?.cssSelectorReplacement,
+		isTailwindcssV4: true,
+		tailwindcssV4GradientFallback: styleOptions?.cssOptions?.tailwindcssV4GradientFallback ?? styleOptions?.tailwindcssV4GradientFallback
+	});
+}
 function createWeappTailwindcssPostcssPlugin(adapters) {
 	const plugin = (options = {}) => {
 		return {
@@ -61773,18 +61893,19 @@ function createWeappTailwindcssPostcssPlugin(adapters) {
 					base,
 					projectRoot
 				});
-				const generated = await adapters.createGenerator(source).generate({
+				const generator = adapters.createGenerator(source);
+				const generatorStyleOptions = {
+					...generatorOptions.styleOptions,
+					...styleOptions
+				};
+				const generated = await generator.generate({
 					candidates: /* @__PURE__ */ new Set([...autoCandidates, ...candidates ?? []]),
 					scanSources: scanSources ?? false,
 					sources: [...collectedSources.sources, ...sources ?? []],
-					styleOptions: {
-						...generatorOptions.styleOptions,
-						...styleOptions
-					},
+					styleOptions: generatorStyleOptions,
 					target: generatorOptions.target
 				});
-				const css = isApplyOnlyTailwindV4Css ? filterApplyOnlyGeneratedCss(generated.css, applyOnlyCssSelectors ?? /* @__PURE__ */ new Set()) : generated.css;
-				replaceRootCss(root, generated.target === "web" ? transformWebCssCompat(css, generatorOptions.webCompat) : css, result);
+				replaceRootCss(root, finalizeGeneratedCss(isApplyOnlyTailwindV4Css ? filterApplyOnlyGeneratedCss(generated.css, applyOnlyCssSelectors ?? /* @__PURE__ */ new Set()) : generated.css, generated.target, generatorStyleOptions, generatorOptions.webCompat), result);
 				addDependencyMessages(result, generated);
 				addSourceDependencyMessages(result, collectedSources.files);
 				result.messages.push({
@@ -61928,9 +62049,52 @@ function splitLocalCssImports(source) {
 		return;
 	}
 }
-function restoreLocalCssImports(css, imports) {
+function normalizeOutputPath(file) {
+	const segments = [];
+	for (const segment of file.replace(/\\/g, "/").replace(/^\/+/, "").split("/")) {
+		if (!segment || segment === ".") continue;
+		if (segment === "..") {
+			if (segments.length > 0 && segments[segments.length - 1] !== "..") segments.pop();
+			else segments.push(segment);
+			continue;
+		}
+		segments.push(segment);
+	}
+	return segments.join("/");
+}
+function resolveOutputImportRequest(file, request) {
+	const { clean } = splitRequestSuffix(request.replace(/\\/g, "/"));
+	if (clean.startsWith("/")) return normalizeOutputPath(clean);
+	const normalizedFile = normalizeOutputPath(file);
+	const baseDir = normalizedFile.includes("/") ? normalizedFile.slice(0, normalizedFile.lastIndexOf("/")) : "";
+	return normalizeOutputPath(baseDir ? `${baseDir}/${clean}` : clean);
+}
+function isSelfOutputImport(outputFile, node) {
+	if (node.type !== "atrule" || node.name !== "import") return false;
+	const request = parseImportRequest(node.params);
+	return request !== void 0 && isLocalCssImportRequest(request) && resolveOutputImportRequest(outputFile, request) === normalizeOutputPath(outputFile);
+}
+function filterSelfOutputImports(imports, outputFile) {
+	if (!outputFile) return imports;
+	try {
+		const root = postcss.default.parse(imports);
+		let changed = false;
+		root.walk((node) => {
+			if (isSelfOutputImport(outputFile, node)) {
+				node.remove();
+				changed = true;
+			}
+		});
+		return changed ? root.toString() : imports;
+	} catch {
+		return imports;
+	}
+}
+function restoreLocalCssImports(css, imports, options = {}) {
 	if (!imports?.trim()) return css;
-	return createCssSourceOrderAppend(imports, css);
+	const filteredImports = filterSelfOutputImports(imports, options.outputFile);
+	if (!filteredImports.trim()) return css;
+	return createCssSourceOrderAppend(filteredImports, css);
 }
 function splitRequestSuffix(request) {
 	const suffixIndexCandidates = [request.indexOf("?"), request.indexOf("#")].filter((index) => index >= 0);
@@ -62982,27 +63146,6 @@ function getFallbackRemove(_rule, options) {
 	return entry.parser;
 }
 //#endregion
-//#region src/shared.ts
-const escapeOptionsCache = /* @__PURE__ */ new WeakMap();
-function getEscapeOptions(escapeMap) {
-	let cached = escapeOptionsCache.get(escapeMap);
-	if (!cached) {
-		cached = { map: escapeMap };
-		escapeOptionsCache.set(escapeMap, cached);
-	}
-	return cached;
-}
-function internalCssSelectorReplacer(selectors, options) {
-	const escapeMap = options?.escapeMap;
-	if (escapeMap === void 0 || escapeMap === _weapp_core_escape.MappingChars2String) return (0, _weapp_core_escape.escape)(selectors);
-	return (0, _weapp_core_escape.escape)(selectors, getEscapeOptions(escapeMap));
-}
-function composeIsPseudo(strs) {
-	if (typeof strs === "string") return strs;
-	if (strs.length > 1) return `:is(${strs.join(",")})`;
-	return strs.join("");
-}
-//#endregion
 //#region src/utils/decl-order.ts
 /**
 * 将同一规则内的声明重排，使字面量优先，带变量的声明靠后，保持各自相对顺序。
@@ -64906,6 +65049,7 @@ exports.toPosixPath = toPosixPath;
 exports.transformCssMacroCss = transformCssMacroCss;
 exports.transformCssMacroTailwindV4Source = transformCssMacroTailwindV4Source;
 exports.transformWebCssCompat = transformWebCssCompat;
+exports.transformWebCssSafeSelectors = transformWebCssSafeSelectors;
 Object.defineProperty(exports, "unitConversionComposeRules", {
 	enumerable: true,
 	get: function() {

package/dist/index.mjs

@@ -5,6 +5,7 @@ import { createRequire } from "node:module";
 import postcss, { Declaration, Rule, rule, default as postcss$1 } from "postcss";
 import valueParser from "postcss-value-parser";
 import s from "autoprefixer";
+import { MappingChars2String, escape } from "@weapp-core/escape";
 import path from "node:path";
 import process$1 from "node:process";
 import { realpathSync } from "node:fs";
@@ -18,7 +19,6 @@ import postcssCalc from "@weapp-tailwindcss/postcss-calc";
 import postcssPxtrans from "postcss-pxtrans";
 import postcssRem2rpx from "postcss-rem-to-responsive-pixel";
 import postcssUnitConverter, { composeRules as unitConversionComposeRules, presets, presets as unitConversionPresets } from "postcss-rule-unit-converter";
-import { MappingChars2String, escape } from "@weapp-core/escape";
 import postcssrc from "postcss-load-config";
 //#region \0rolldown/runtime.js
 var __create = Object.create;
@@ -49,6 +49,13 @@ const MODERN_COLOR_FUNCTION_NAMES = /* @__PURE__ */ new Set([
 	"lch",
 	"lab"
 ]);
+const MODERN_COLOR_SYNTAX_FUNCTION_NAMES = /* @__PURE__ */ new Set([
+	"rgb",
+	"rgba",
+	"hsl",
+	"hsla",
+	"hwb"
+]);
 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*\)/;
@@ -61,13 +68,21 @@ const CUSTOM_PROPERTY_RE = /^--[\w-]+$/;
 function isDisplayP3ColorFunction(colorSource) {
 	return /^color\(\s*display-p3\b/i.test(colorSource.trim());
 }
+function isModernColorSyntaxFunction(colorSource) {
+	const parsed = valueParser(colorSource.trim());
+	const node = parsed.nodes.length === 1 ? parsed.nodes[0] : void 0;
+	if (node?.type !== "function") return false;
+	const name = node.value.toLowerCase();
+	if (!MODERN_COLOR_SYNTAX_FUNCTION_NAMES.has(name)) return false;
+	return !node.nodes.some((child) => child.type === "div" && child.value === ",");
+}
 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))) {
+		if (name === "color-mix" || MODERN_COLOR_FUNCTION_NAMES.has(name) || name === "color" && isDisplayP3ColorFunction(valueParser.stringify(node)) || isModernColorSyntaxFunction(valueParser.stringify(node))) {
 			hasUnsupported = true;
 			return false;
 		}
@@ -6894,7 +6909,7 @@ function normalizeModernColorValue(value, customPropertyValues = /* @__PURE__ */
 		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);
+		if (MODERN_COLOR_FUNCTION_NAMES.has(name) || name === "color" && isDisplayP3ColorFunction(source) || isModernColorSyntaxFunction(source)) normalized = normalizeStandaloneColorFunction(source);
 		else if (name === "color-mix") normalized = tryResolveColorMix(node, customPropertyValues)?.value;
 		if (!normalized) return;
 		const mutableNode = node;
@@ -7278,10 +7293,9 @@ function createCssVarNodes(definitions) {
 }
 //#endregion
 //#region src/compat/tailwindcss-v4.ts
-const OKLAB_SUFFIX = "in oklab";
-const INFINITY_CALC_REGEXP = /calc\(\s*infinity\s*\*\s*(?:\d+(?:\.\d*)?|\.\d+)r?px/;
 const RADIUS_THRESHOLD = 1e5;
 const CLAMP_PX = 9999;
+const INFINITY_CALC_VALUE_REGEXP = /^calc\(\s*infinity\s*\*\s*(?:\d+(?:\.\d*)?|\.\d+)r?px\s*\)$/i;
 const MODERN_CHECK_WEBKIT_HYPHENS_RE = /-webkit-hyphens\s*:\s*none/;
 const MODERN_CHECK_MARGIN_TRIM_RE = /margin-trim\s*:\s*inline/;
 const MODERN_CHECK_MOZ_ORIENT_RE = /-moz-orient\s*:\s*inline/;
@@ -7419,6 +7433,9 @@ function normalizeDeclarationValue(value) {
 function normalizeTailwindcssV4GradientPosition(value) {
 	return value.replace(/calc\(\s*([+-]?(?:\d+(?:\.\d+)?|\.\d+)(?:deg|grad|rad|turn))\s*\*\s*-1\s*\)/gi, "-$1").replace(/^in\s+(?:oklab|oklch|hsl|srgb)(?:\s+(?:longer|shorter|increasing|decreasing)\s+hue)?$/i, "").replace(/\s+in\s+(?:oklab|oklch|hsl|srgb)(?:\s+(?:longer|shorter|increasing|decreasing)\s+hue)?\s*$/i, "").replace(/\s+(?:longer|shorter|increasing|decreasing)\s*$/i, "").trim();
 }
+function normalizeTailwindcssV4InfinityCalcValue(value) {
+	return INFINITY_CALC_VALUE_REGEXP.test(value.trim()) ? `${CLAMP_PX}px` : value;
+}
 function normalizeTailwindcssV4GradientDirectionDeclaration(rule, decl) {
 	const normalized = normalizeTailwindcssV4GradientPosition(decl.value);
 	if (normalized) return normalized;
@@ -7463,6 +7480,7 @@ function reorderTailwindcssV4GradientDirectionRule(rule) {
 		else if (node.prop === "background-image" && node.value.includes("linear-gradient(")) gradientBackgroundDecls.push(node);
 	}
 	if (gradientPositionDecls.length === 0 || gradientBackgroundDecls.length === 0) return;
+	for (const decl of gradientPositionDecls) decl.value = normalizeTailwindcssV4GradientDirectionDeclaration(rule, decl);
 	const anchor = rule.nodes.find((node) => {
 		return node.type === "decl" && (node.prop === "--tw-gradient-position" || node.prop === "background-image" && node.value.includes("linear-gradient("));
 	});
@@ -7476,6 +7494,9 @@ function mergeTailwindcssV4GradientDirectionRules(root) {
 	const seen = /* @__PURE__ */ new Map();
 	root.walkRules((rule) => {
 		if (!isTailwindcssV4GradientDirectionRule(rule)) return;
+		rule.walkDecls("--tw-gradient-position", (decl) => {
+			decl.value = normalizeTailwindcssV4GradientDirectionDeclaration(rule, decl);
+		});
 		const selector = rule.selector.trim();
 		const previous = seen.get(selector);
 		if (!previous || previous.parent !== rule.parent) {
@@ -7766,12 +7787,16 @@ function normalizeTailwindcssV4Declaration(decl) {
 		decl.value = normalizedGradientPositionFallback;
 		changed = true;
 	}
-	if (decl.prop === "--tw-gradient-position" && decl.value.endsWith(OKLAB_SUFFIX)) {
-		decl.value = decl.parent?.type === "rule" ? normalizeTailwindcssV4GradientDirectionDeclaration(decl.parent, decl) : normalizeTailwindcssV4GradientPosition(decl.value);
-		return true;
+	if (decl.prop === "--tw-gradient-position") {
+		const nextValue = decl.parent?.type === "rule" ? normalizeTailwindcssV4GradientDirectionDeclaration(decl.parent, decl) : normalizeTailwindcssV4GradientPosition(decl.value);
+		if (nextValue !== decl.value) {
+			decl.value = nextValue;
+			return true;
+		}
 	}
-	if (INFINITY_CALC_REGEXP.test(decl.value)) {
-		decl.value = `${CLAMP_PX}px`;
+	const normalizedInfinityCalcValue = normalizeTailwindcssV4InfinityCalcValue(decl.value);
+	if (normalizedInfinityCalcValue !== decl.value) {
+		decl.value = normalizedInfinityCalcValue;
 		return true;
 	}
 	if (decl.prop.includes("radius")) {
@@ -60640,6 +60665,27 @@ const creator$1 = (e) => {
 };
 creator$1.postcss = !0;
 //#endregion
+//#region src/shared.ts
+const escapeOptionsCache = /* @__PURE__ */ new WeakMap();
+function getEscapeOptions(escapeMap) {
+	let cached = escapeOptionsCache.get(escapeMap);
+	if (!cached) {
+		cached = { map: escapeMap };
+		escapeOptionsCache.set(escapeMap, cached);
+	}
+	return cached;
+}
+function internalCssSelectorReplacer(selectors, options) {
+	const escapeMap = options?.escapeMap;
+	if (escapeMap === void 0 || escapeMap === MappingChars2String) return escape(selectors);
+	return escape(selectors, getEscapeOptions(escapeMap));
+}
+function composeIsPseudo(strs) {
+	if (typeof strs === "string") return strs;
+	if (strs.length > 1) return `:is(${strs.join(",")})`;
+	return strs.join("");
+}
+//#endregion
 //#region src/compat/web-css.ts
 const disabledFeatures = {
 	theme: false,
@@ -60763,18 +60809,29 @@ function resolveCustomPropertyVarValue(value, customPropertyValues) {
 	});
 	return changed ? parsed.toString() : value;
 }
-function insertModernColorFallbackDeclaration(decl, fallbackValue) {
-	if (decl.prev()?.type === "decl" && decl.prev().prop === decl.prop && decl.prev().value === fallbackValue) return;
-	decl.cloneBefore({ value: fallbackValue });
+function usesResolvableTailwindColorVariable(value, customPropertyValues) {
+	if (!value.includes("var(")) return false;
+	const parsed = valueParser(value);
+	let usesColorVariable = false;
+	parsed.walk((node) => {
+		if (node.type !== "function" || node.value.toLowerCase() !== "var") return;
+		const propertyNode = node.nodes.find((child) => child.type === "word" && child.value.startsWith("--color-"));
+		if (propertyNode && customPropertyValues.has(propertyNode.value)) usesColorVariable = true;
+	});
+	return usesColorVariable;
 }
 function normalizeModernColorDeclarations(root, features) {
 	if (!features.oklch && !features.colorFunctions) return;
 	const customPropertyValues = collectCustomPropertyValues(root);
 	root.walkDecls((decl) => {
-		const normalized = normalizeModernColorValue(resolveCustomPropertyVarValue(decl.value, customPropertyValues), customPropertyValues);
-		if (!normalized.changed) return;
-		if (!features.colorFunctions && !/oklch|oklab/i.test(decl.value)) return;
-		insertModernColorFallbackDeclaration(decl, normalized.value);
+		const value = resolveCustomPropertyVarValue(decl.value, customPropertyValues);
+		const normalized = normalizeModernColorValue(value, customPropertyValues);
+		if (!normalized.changed) {
+			if (value !== decl.value && usesResolvableTailwindColorVariable(decl.value, customPropertyValues)) decl.value = value;
+			return;
+		}
+		if (!features.colorFunctions && !/oklch|oklab/i.test(value)) return;
+		decl.value = normalized.value;
 	});
 }
 function removeModernColorSupports(root) {
@@ -60784,6 +60841,39 @@ function removeModernColorSupports(root) {
 		else atRule.remove();
 	});
 }
+function normalizeTailwindcssV4GradientPositionDeclarations(root) {
+	root.walkDecls("--tw-gradient-position", (decl) => {
+		const normalized = normalizeTailwindcssV4GradientPosition(decl.value);
+		if (normalized) {
+			decl.value = normalized;
+			return;
+		}
+		if (normalized === decl.value.trim()) return;
+		const parent = decl.parent;
+		if (parent?.type !== "rule") {
+			decl.value = "to bottom";
+			return;
+		}
+		const backgroundImageDecl = parent.nodes.find((node) => {
+			return node.type === "decl" && node.prop === "background-image";
+		});
+		if (/^radial-gradient\(/i.test(backgroundImageDecl?.value ?? "")) {
+			decl.value = "at center";
+			return;
+		}
+		if (/^conic-gradient\(/i.test(backgroundImageDecl?.value ?? "")) {
+			decl.value = "from 0deg";
+			return;
+		}
+		decl.value = "to bottom";
+	});
+}
+function normalizeTailwindcssV4InfinityCalcDeclarations(root) {
+	root.walkDecls((decl) => {
+		const normalized = normalizeTailwindcssV4InfinityCalcValue(decl.value);
+		if (normalized !== decl.value) decl.value = normalized;
+	});
+}
 function removeEmptyAtRules$1(root) {
 	root.walkAtRules((atRule) => {
 		if (atRule.nodes && atRule.nodes.length === 0) atRule.remove();
@@ -60810,6 +60900,8 @@ function transformWebCssCompat(css, options) {
 		}
 		if (normalized.features.supports) removeModernColorSupports(root);
 		if (normalized.features.nesting) transformCssNesting(root);
+		normalizeTailwindcssV4GradientPositionDeclarations(root);
+		normalizeTailwindcssV4InfinityCalcDeclarations(root);
 		normalizeModernColorDeclarations(root, normalized.features);
 		removeEmptyAtRules$1(root);
 		return root.toString();
@@ -60817,6 +60909,22 @@ function transformWebCssCompat(css, options) {
 		return css;
 	}
 }
+function transformWebCssSafeSelectors(css, options) {
+	try {
+		const root = postcss$1.parse(css);
+		root.walkRules((rule) => {
+			if (!rule.selector.includes(".")) return;
+			rule.selector = (0, import_dist$1.default)((selectors) => {
+				selectors.walkClasses((node) => {
+					node.value = internalCssSelectorReplacer(node.value, options);
+				});
+			}).processSync(rule.selector);
+		});
+		return root.toString();
+	} catch {
+		return css;
+	}
+}
 //#endregion
 //#region src/css-macro/auto.ts
 const CSS_MACRO_STYLE_OPTIONS_MARKER = "__weappTailwindcssCssMacroEnabled";
@@ -61734,6 +61842,18 @@ function resolveTailwindV4PostcssSourceCss(css, sourceOptions, root) {
 	const packageName = sourceOptions.packageName ?? "tailwindcss";
 	return isTailwindV4ApplyOnlyCss(css, root) ? `@import "${packageName}" source(none);\n@reference "${packageName}";\n${css}` : css;
 }
+function isMiniProgramGeneratorTarget(target) {
+	return target !== "web";
+}
+function finalizeGeneratedCss(css, target, styleOptions, webCompat) {
+	if (target === "web") return transformWebCssCompat(css, webCompat);
+	if (!isMiniProgramGeneratorTarget(target)) return css;
+	return finalizeMiniProgramCss(css, {
+		cssSelectorReplacement: styleOptions?.cssOptions?.cssSelectorReplacement ?? styleOptions?.cssSelectorReplacement,
+		isTailwindcssV4: true,
+		tailwindcssV4GradientFallback: styleOptions?.cssOptions?.tailwindcssV4GradientFallback ?? styleOptions?.tailwindcssV4GradientFallback
+	});
+}
 function createWeappTailwindcssPostcssPlugin(adapters) {
 	const plugin = (options = {}) => {
 		return {
@@ -61758,18 +61878,19 @@ function createWeappTailwindcssPostcssPlugin(adapters) {
 					base,
 					projectRoot
 				});
-				const generated = await adapters.createGenerator(source).generate({
+				const generator = adapters.createGenerator(source);
+				const generatorStyleOptions = {
+					...generatorOptions.styleOptions,
+					...styleOptions
+				};
+				const generated = await generator.generate({
 					candidates: /* @__PURE__ */ new Set([...autoCandidates, ...candidates ?? []]),
 					scanSources: scanSources ?? false,
 					sources: [...collectedSources.sources, ...sources ?? []],
-					styleOptions: {
-						...generatorOptions.styleOptions,
-						...styleOptions
-					},
+					styleOptions: generatorStyleOptions,
 					target: generatorOptions.target
 				});
-				const css = isApplyOnlyTailwindV4Css ? filterApplyOnlyGeneratedCss(generated.css, applyOnlyCssSelectors ?? /* @__PURE__ */ new Set()) : generated.css;
-				replaceRootCss(root, generated.target === "web" ? transformWebCssCompat(css, generatorOptions.webCompat) : css, result);
+				replaceRootCss(root, finalizeGeneratedCss(isApplyOnlyTailwindV4Css ? filterApplyOnlyGeneratedCss(generated.css, applyOnlyCssSelectors ?? /* @__PURE__ */ new Set()) : generated.css, generated.target, generatorStyleOptions, generatorOptions.webCompat), result);
 				addDependencyMessages(result, generated);
 				addSourceDependencyMessages(result, collectedSources.files);
 				result.messages.push({
@@ -61913,9 +62034,52 @@ function splitLocalCssImports(source) {
 		return;
 	}
 }
-function restoreLocalCssImports(css, imports) {
+function normalizeOutputPath(file) {
+	const segments = [];
+	for (const segment of file.replace(/\\/g, "/").replace(/^\/+/, "").split("/")) {
+		if (!segment || segment === ".") continue;
+		if (segment === "..") {
+			if (segments.length > 0 && segments[segments.length - 1] !== "..") segments.pop();
+			else segments.push(segment);
+			continue;
+		}
+		segments.push(segment);
+	}
+	return segments.join("/");
+}
+function resolveOutputImportRequest(file, request) {
+	const { clean } = splitRequestSuffix(request.replace(/\\/g, "/"));
+	if (clean.startsWith("/")) return normalizeOutputPath(clean);
+	const normalizedFile = normalizeOutputPath(file);
+	const baseDir = normalizedFile.includes("/") ? normalizedFile.slice(0, normalizedFile.lastIndexOf("/")) : "";
+	return normalizeOutputPath(baseDir ? `${baseDir}/${clean}` : clean);
+}
+function isSelfOutputImport(outputFile, node) {
+	if (node.type !== "atrule" || node.name !== "import") return false;
+	const request = parseImportRequest(node.params);
+	return request !== void 0 && isLocalCssImportRequest(request) && resolveOutputImportRequest(outputFile, request) === normalizeOutputPath(outputFile);
+}
+function filterSelfOutputImports(imports, outputFile) {
+	if (!outputFile) return imports;
+	try {
+		const root = postcss.parse(imports);
+		let changed = false;
+		root.walk((node) => {
+			if (isSelfOutputImport(outputFile, node)) {
+				node.remove();
+				changed = true;
+			}
+		});
+		return changed ? root.toString() : imports;
+	} catch {
+		return imports;
+	}
+}
+function restoreLocalCssImports(css, imports, options = {}) {
 	if (!imports?.trim()) return css;
-	return createCssSourceOrderAppend(imports, css);
+	const filteredImports = filterSelfOutputImports(imports, options.outputFile);
+	if (!filteredImports.trim()) return css;
+	return createCssSourceOrderAppend(filteredImports, css);
 }
 function splitRequestSuffix(request) {
 	const suffixIndexCandidates = [request.indexOf("?"), request.indexOf("#")].filter((index) => index >= 0);
@@ -62967,27 +63131,6 @@ function getFallbackRemove(_rule, options) {
 	return entry.parser;
 }
 //#endregion
-//#region src/shared.ts
-const escapeOptionsCache = /* @__PURE__ */ new WeakMap();
-function getEscapeOptions(escapeMap) {
-	let cached = escapeOptionsCache.get(escapeMap);
-	if (!cached) {
-		cached = { map: escapeMap };
-		escapeOptionsCache.set(escapeMap, cached);
-	}
-	return cached;
-}
-function internalCssSelectorReplacer(selectors, options) {
-	const escapeMap = options?.escapeMap;
-	if (escapeMap === void 0 || escapeMap === MappingChars2String) return escape(selectors);
-	return escape(selectors, getEscapeOptions(escapeMap));
-}
-function composeIsPseudo(strs) {
-	if (typeof strs === "string") return strs;
-	if (strs.length > 1) return `:is(${strs.join(",")})`;
-	return strs.join("");
-}
-//#endregion
 //#region src/utils/decl-order.ts
 /**
 * 将同一规则内的声明重排，使字面量优先，带变量的声明靠后，保持各自相对顺序。
@@ -64795,4 +64938,4 @@ function containsCssAfterMinify(baseCss, css) {
 	return ruleKeys.size > 0 && [...ruleKeys].every((key) => baseRuleKeys.has(key));
 }
 //#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, collectCssInlineSourceCandidates, compileCssMacroConditionalComments, containsCssAfterMinify, convertTailwindcssRpxDeclarationToRem, convertTailwindcssRpxDeclarationsToRem, convertTailwindcssRpxValueToRem, createCssSourceOrderAppend, createFallbackPlaceholderReplacer, createInjectPreflight, createSourceScanPattern, createStyleHandler, createStylePipeline, createTailwindSourceEntryMatcher, createWeappTailwindcssPostcssPlugin, creator as cssMacroPostcssPlugin, expandInlineSourceCandidatePattern, expandTailwindSourceEntries, filterApplyOnlyGeneratedCss, filterApplyOnlyGeneratedCssRoot, filterExistingCssRules, finalizeMiniProgramCss, getPostcssPluginName, hasCssMacroStyleOptions, hasCssMacroTailwindV4CustomVariantConditionalComments, hasCssMacroTailwindV4Directive, hasCssMacroTailwindV4InternalAtRules, hasCssMacroTailwindV4Source, hasMiniProgramCssSpecificityPlaceholders, hoistTailwindPreflightBase, internalCssSelectorReplacer, isFileExcludedByTailwindSourceEntries, isFileMatchedByTailwindSourceEntries, isLocalCssImportRequest, isPureLocalCssImportWrapper, isPureLocalCssImportWrapperRoot, isTailwindCssGenerationDirective, isTailwindCssImportAtRule, isTailwindCssImportRequest, isTailwindCssPackageJsonImportRequest, isWeappTailwindcssImportRequest, mergeCoveredCssRuleDeclarations, mergeMiniProgramPreflightRuleDeclarations, mergeMiniProgramThemeScopeRuleDeclarations, normalizeLegacyContentEntries, normalizeMiniProgramPrefixedDeclaration, normalizeModernColorValue, normalizeOutputImportRequest, normalizeTailwindCssImportRequest, normalizeTailwindcssRpxDeclaration, normalizeTailwindcssRpxDeclarations, normalizeTailwindcssWebRpxDeclarations, normalizeWebCssCompatOptions, parseConfigParam, parseSourceFileParam, parseTailwindCssConfigRequest, parseTailwindCssDirectiveRequest, postcss, postcssHtmlTransform, prefixLocalCssImportsWithWebpackIgnoreRoot, protectDynamicColorMixAlpha, pruneMiniProgramGeneratedCss, removeTailwindPostcssPlugins, removeTailwindSourceDirectivesRoot, removeUnsupportedAtSupports, removeUnsupportedCascadeLayers, removeUnsupportedMiniProgramAtRules, removeUnsupportedMiniProgramPrefixedAtRule, resolveCssSourceEntries, resolveFilteredPostcssConfig, resolveSourceScanPath, resolveTailwindSourceEntry, restoreLocalCssImports, rewriteLocalCssImportRequestsForOutput, rewriteLocalCssImportRequestsForOutputRoot, splitLocalCssImports, splitLocalCssImportsRoot, stripMiniProgramCssSpecificityPlaceholders, toPosixPath, transformCssMacroCss, transformCssMacroTailwindV4Source, transformWebCssCompat, 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, collectCssInlineSourceCandidates, compileCssMacroConditionalComments, containsCssAfterMinify, convertTailwindcssRpxDeclarationToRem, convertTailwindcssRpxDeclarationsToRem, convertTailwindcssRpxValueToRem, createCssSourceOrderAppend, createFallbackPlaceholderReplacer, createInjectPreflight, createSourceScanPattern, createStyleHandler, createStylePipeline, createTailwindSourceEntryMatcher, createWeappTailwindcssPostcssPlugin, creator as cssMacroPostcssPlugin, expandInlineSourceCandidatePattern, expandTailwindSourceEntries, filterApplyOnlyGeneratedCss, filterApplyOnlyGeneratedCssRoot, filterExistingCssRules, finalizeMiniProgramCss, getPostcssPluginName, hasCssMacroStyleOptions, hasCssMacroTailwindV4CustomVariantConditionalComments, hasCssMacroTailwindV4Directive, hasCssMacroTailwindV4InternalAtRules, hasCssMacroTailwindV4Source, hasMiniProgramCssSpecificityPlaceholders, hoistTailwindPreflightBase, internalCssSelectorReplacer, isFileExcludedByTailwindSourceEntries, isFileMatchedByTailwindSourceEntries, isLocalCssImportRequest, isPureLocalCssImportWrapper, isPureLocalCssImportWrapperRoot, isTailwindCssGenerationDirective, isTailwindCssImportAtRule, isTailwindCssImportRequest, isTailwindCssPackageJsonImportRequest, isWeappTailwindcssImportRequest, mergeCoveredCssRuleDeclarations, mergeMiniProgramPreflightRuleDeclarations, mergeMiniProgramThemeScopeRuleDeclarations, normalizeLegacyContentEntries, normalizeMiniProgramPrefixedDeclaration, normalizeModernColorValue, normalizeOutputImportRequest, normalizeTailwindCssImportRequest, normalizeTailwindcssRpxDeclaration, normalizeTailwindcssRpxDeclarations, normalizeTailwindcssWebRpxDeclarations, normalizeWebCssCompatOptions, parseConfigParam, parseSourceFileParam, parseTailwindCssConfigRequest, parseTailwindCssDirectiveRequest, postcss, postcssHtmlTransform, prefixLocalCssImportsWithWebpackIgnoreRoot, protectDynamicColorMixAlpha, pruneMiniProgramGeneratedCss, removeTailwindPostcssPlugins, removeTailwindSourceDirectivesRoot, removeUnsupportedAtSupports, removeUnsupportedCascadeLayers, removeUnsupportedMiniProgramAtRules, removeUnsupportedMiniProgramPrefixedAtRule, resolveCssSourceEntries, resolveFilteredPostcssConfig, resolveSourceScanPath, resolveTailwindSourceEntry, restoreLocalCssImports, rewriteLocalCssImportRequestsForOutput, rewriteLocalCssImportRequestsForOutputRoot, splitLocalCssImports, splitLocalCssImportsRoot, stripMiniProgramCssSpecificityPlaceholders, toPosixPath, transformCssMacroCss, transformCssMacroTailwindV4Source, transformWebCssCompat, transformWebCssSafeSelectors, unitConversionComposeRules, unitConversionPresets, unwrapUnsupportedCascadeLayers, withCssMacroStyleOptions };

package/dist/types.d.ts

@@ -63,6 +63,12 @@ export interface CssAtRules {
     supports?: boolean | undefined;
     media?: boolean | undefined;
 }
+/**
+ * Web 兼容预设。
+ *
+ * `legacy-web` 面向 Web Compact 输出，兼容基线为 Chrome/91.0.4472.114 与
+ * AppleWebKit/537.36；`off` 表示关闭降级。
+ */
 export type WebCssCompatPreset = 'off' | 'legacy-web';
 /**
  * Web 兼容降级的功能开关。
@@ -99,7 +105,7 @@ export interface WebCssCompatFeatures {
 }
 export interface WebCssCompatOptions {
     /**
-     * 兼容预设。`legacy-web` 面向旧 Android/iOS WebView，`off` 表示关闭降级。
+     * 兼容预设。`legacy-web` 面向 Chrome 91 / AppleWebKit 537.36 WebView 基线，`off` 表示关闭降级。
      */
     preset?: WebCssCompatPreset | undefined;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weapp-tailwindcss/postcss",
-  "version": "3.1.5",
+  "version": "3.1.6",
   "description": "@weapp-tailwindcss/postcss",
   "author": "ice breaker <1324318532@qq.com>",
   "license": "MIT",
@@ -76,9 +76,9 @@
     "postcss-rule-unit-converter": "^0.2.2",
     "postcss-selector-parser": "~7.1.4",
     "postcss-value-parser": "^4.2.0",
+    "tailwindcss-config": "2.0.1",
     "@weapp-tailwindcss/postcss-calc": "^1.0.2",
-    "@weapp-tailwindcss/shared": "2.0.0",
-    "tailwindcss-config": "2.0.1"
+    "@weapp-tailwindcss/shared": "2.0.0"
   },
   "devDependencies": {
     "@csstools/css-color-parser": "^4.1.9",