weapp-tailwindcss 5.0.0-next.3 → 5.0.0-next.7

package/dist/{generator-css-Bwy_Uz89.mjs → generator-css-B938WI9a.mjs}

@@ -1,5 +1,5 @@
-import { a as resolveTailwindV4Source, c as resolveTailwindV4SourceOptionsFromPatcher, h as resolveTailwindV3SourceOptionsFromPatcher, i as normalizeWeappTailwindcssGeneratorOptions, m as resolveTailwindV3SourceFromPatcher, p as resolveTailwindV3Source, s as resolveTailwindV4SourceFromPatcher, t as createWeappTailwindcssGenerator, v as removeUnsupportedCascadeLayers } from "./generator-Y-Ikv4Fu.mjs";
-import { l as replaceWxml } from "./recorder-XdFvVASS.mjs";
+import { a as resolveTailwindV4Source, c as resolveTailwindV4SourceOptionsFromPatcher, h as resolveTailwindV3SourceOptionsFromPatcher, i as normalizeWeappTailwindcssGeneratorOptions, m as resolveTailwindV3SourceFromPatcher, p as resolveTailwindV3Source, s as resolveTailwindV4SourceFromPatcher, t as createWeappTailwindcssGenerator, v as removeUnsupportedCascadeLayers } from "./generator-CzfdCZyd.mjs";
+import { l as replaceWxml } from "./precheck-DlrmwCc-.mjs";
 import postcss from "postcss";
 import path from "node:path";
 import process from "node:process";
@@ -23,7 +23,69 @@ async function processCachedTask({ cache, cacheKey, hashKey = cacheKey, rawSourc
 	if (!cacheHit) await applyResult(result);
 }
 //#endregion
-//#region src/bundlers/shared/css-cleanup.ts
+//#region src/bundlers/shared/css-cleanup/at-rules.ts
+const MINI_PROGRAM_UNSUPPORTED_AT_RULES = new Set(["property", "supports"]);
+function removeAtRulesByScan(css, names) {
+	let index = 0;
+	let result = "";
+	const atRulePattern = new RegExp(`@(?:${[...names].join("|")})\\b`, "i");
+	while (index < css.length) {
+		const match = atRulePattern.exec(css.slice(index));
+		if (!match || match.index === void 0) {
+			result += css.slice(index);
+			break;
+		}
+		const start = index + match.index;
+		result += css.slice(index, start);
+		const blockStart = css.indexOf("{", start);
+		if (blockStart === -1) {
+			result += css.slice(start);
+			break;
+		}
+		let depth = 0;
+		let cursor = blockStart;
+		for (; cursor < css.length; cursor++) {
+			const char = css[cursor];
+			if (char === "{") depth++;
+			else if (char === "}") {
+				depth--;
+				if (depth === 0) {
+					cursor++;
+					break;
+				}
+			}
+		}
+		index = cursor;
+	}
+	return result;
+}
+function removeUnsupportedMiniProgramAtRules(css) {
+	try {
+		const root = postcss.parse(css);
+		root.walkAtRules((atRule) => {
+			if (MINI_PROGRAM_UNSUPPORTED_AT_RULES.has(atRule.name)) atRule.remove();
+		});
+		root.walkAtRules((atRule) => {
+			if (atRule.nodes && atRule.nodes.length === 0) atRule.remove();
+		});
+		return root.toString();
+	} catch {
+		return removeAtRulesByScan(css, MINI_PROGRAM_UNSUPPORTED_AT_RULES);
+	}
+}
+//#endregion
+//#region src/bundlers/shared/css-cleanup/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/bundlers/shared/css-cleanup/selectors.ts
+const MINI_PROGRAM_THEME_SCOPE_SELECTOR = ":host,page,.tw-root,wx-root-portal-content";
 const MINI_PROGRAM_PREFLIGHT_SELECTORS = new Set([
 	"*",
 	"view",
@@ -33,7 +95,6 @@ const MINI_PROGRAM_PREFLIGHT_SELECTORS = new Set([
 	"::before",
 	"::after"
 ]);
-const MINI_PROGRAM_THEME_SCOPE_SELECTOR = ":host,page,.tw-root,wx-root-portal-content";
 const MINI_PROGRAM_THEME_SCOPE_SELECTORS$1 = new Set([
 	":host",
 	":root",
@@ -109,6 +170,75 @@ const MINI_PROGRAM_UNSUPPORTED_BROWSER_TAG_SELECTORS = new Set([
 	"ul",
 	"video"
 ]);
+function normalizeSelector(selector) {
+	return selector.trim().replace(/\s+/g, "");
+}
+function getRuleSelectors(rule) {
+	return rule.selector.split(",").map(normalizeSelector).filter(Boolean);
+}
+function isUnsupportedBrowserSelector(selector) {
+	const normalized = normalizeSelector(selector);
+	return MINI_PROGRAM_UNSUPPORTED_BROWSER_SELECTORS.has(normalized) || MINI_PROGRAM_UNSUPPORTED_BROWSER_TAG_SELECTORS.has(normalized);
+}
+//#endregion
+//#region src/bundlers/shared/css-cleanup/root-cleanups.ts
+function removeSpecificityPlaceholders(root) {
+	root.walkRules((rule) => {
+		if (!rule.selectors || rule.selectors.length === 0) return;
+		let changed = false;
+		const selectors = rule.selectors.map((selector) => {
+			let next = selector;
+			for (const suffix of SPECIFICITY_PLACEHOLDER_SUFFIXES) if (next.includes(suffix)) next = next.split(suffix).join("");
+			if (next !== selector) changed = true;
+			return next;
+		});
+		if (changed) rule.selectors = selectors;
+	});
+}
+function removeEmptyAtRuleAncestors(parent) {
+	while (parent?.type === "atrule" && (!parent.nodes || parent.nodes.length === 0)) {
+		const nextParent = parent.parent;
+		parent.remove();
+		parent = nextParent;
+	}
+}
+function removeUnsupportedBrowserSelectors(root) {
+	root.walkRules((rule) => {
+		if (!rule.selectors || rule.selectors.length === 0) return;
+		const selectors = rule.selectors.filter((selector) => !isUnsupportedBrowserSelector(selector));
+		if (selectors.length === rule.selectors.length) return;
+		if (selectors.length === 0) {
+			const parent = rule.parent;
+			rule.remove();
+			removeEmptyAtRuleAncestors(parent);
+			return;
+		}
+		rule.selectors = selectors;
+	});
+}
+function removeDeclarationAndEmptyRule(decl) {
+	const parent = decl.parent;
+	decl.remove();
+	if (parent?.type === "rule" && parent.nodes.length === 0) {
+		const ruleParent = parent.parent;
+		parent.remove();
+		removeEmptyAtRuleAncestors(ruleParent);
+	}
+}
+function removeDisplayP3Declarations(root) {
+	root.walkAtRules((atRule) => {
+		if (isDisplayP3MediaRule(atRule)) {
+			const parent = atRule.parent;
+			atRule.remove();
+			removeEmptyAtRuleAncestors(parent);
+		}
+	});
+	root.walkDecls((decl) => {
+		if (isDisplayP3Declaration(decl)) removeDeclarationAndEmptyRule(decl);
+	});
+}
+//#endregion
+//#region src/bundlers/shared/css-cleanup.ts
 const PREFLIGHT_RESET_PROPS = new Set([
 	"box-sizing",
 	"border",
@@ -118,63 +248,6 @@ const PREFLIGHT_RESET_PROPS = new Set([
 	"margin",
 	"padding"
 ]);
-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 removeAtRulesByScan(css, names) {
-	let index = 0;
-	let result = "";
-	const atRulePattern = new RegExp(`@(?:${[...names].join("|")})\\b`, "i");
-	while (index < css.length) {
-		const match = atRulePattern.exec(css.slice(index));
-		if (!match || match.index === void 0) {
-			result += css.slice(index);
-			break;
-		}
-		const start = index + match.index;
-		result += css.slice(index, start);
-		const blockStart = css.indexOf("{", start);
-		if (blockStart === -1) {
-			result += css.slice(start);
-			break;
-		}
-		let depth = 0;
-		let cursor = blockStart;
-		for (; cursor < css.length; cursor++) {
-			const char = css[cursor];
-			if (char === "{") depth++;
-			else if (char === "}") {
-				depth--;
-				if (depth === 0) {
-					cursor++;
-					break;
-				}
-			}
-		}
-		index = cursor;
-	}
-	return result;
-}
-const MINI_PROGRAM_UNSUPPORTED_AT_RULES = new Set(["property", "supports"]);
-function removeUnsupportedMiniProgramAtRules(css) {
-	try {
-		const root = postcss.parse(css);
-		root.walkAtRules((atRule) => {
-			if (MINI_PROGRAM_UNSUPPORTED_AT_RULES.has(atRule.name)) atRule.remove();
-		});
-		root.walkAtRules((atRule) => {
-			if (!atRule.nodes || atRule.nodes.length === 0) atRule.remove();
-		});
-		return root.toString();
-	} catch {
-		return removeAtRulesByScan(css, MINI_PROGRAM_UNSUPPORTED_AT_RULES);
-	}
-}
-function normalizeSelector(selector) {
-	return selector.trim().replace(/\s+/g, "");
-}
-function getRuleSelectors(rule) {
-	return rule.selector.split(",").map(normalizeSelector).filter(Boolean);
-}
 function isMiniProgramThemeScopeSelector$1(selectors) {
 	return selectors.length > 0 && selectors.every((selector) => MINI_PROGRAM_THEME_SCOPE_SELECTORS$1.has(selector));
 }
@@ -223,71 +296,6 @@ function createPseudoContentInitRule() {
 	});
 	return rule;
 }
-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);
-}
-function removeSpecificityPlaceholders(root) {
-	root.walkRules((rule) => {
-		if (!rule.selectors || rule.selectors.length === 0) return;
-		let changed = false;
-		const selectors = rule.selectors.map((selector) => {
-			let next = selector;
-			for (const suffix of SPECIFICITY_PLACEHOLDER_SUFFIXES) if (next.includes(suffix)) next = next.split(suffix).join("");
-			if (next !== selector) changed = true;
-			return next;
-		});
-		if (changed) rule.selectors = selectors;
-	});
-}
-function isUnsupportedBrowserSelector(selector) {
-	const normalized = normalizeSelector(selector);
-	return MINI_PROGRAM_UNSUPPORTED_BROWSER_SELECTORS.has(normalized) || MINI_PROGRAM_UNSUPPORTED_BROWSER_TAG_SELECTORS.has(normalized);
-}
-function removeUnsupportedBrowserSelectors(root) {
-	root.walkRules((rule) => {
-		if (!rule.selectors || rule.selectors.length === 0) return;
-		const selectors = rule.selectors.filter((selector) => !isUnsupportedBrowserSelector(selector));
-		if (selectors.length === rule.selectors.length) return;
-		if (selectors.length === 0) {
-			const parent = rule.parent;
-			rule.remove();
-			removeEmptyAtRuleAncestors(parent);
-			return;
-		}
-		rule.selectors = selectors;
-	});
-}
-function removeEmptyAtRuleAncestors(parent) {
-	while (parent?.type === "atrule" && (!parent.nodes || parent.nodes.length === 0)) {
-		const nextParent = parent.parent;
-		parent.remove();
-		parent = nextParent;
-	}
-}
-function removeDeclarationAndEmptyRule(decl) {
-	const parent = decl.parent;
-	decl.remove();
-	if (parent?.type === "rule" && parent.nodes.length === 0) {
-		const ruleParent = parent.parent;
-		parent.remove();
-		removeEmptyAtRuleAncestors(ruleParent);
-	}
-}
-function removeDisplayP3Declarations(root) {
-	root.walkAtRules((atRule) => {
-		if (isDisplayP3MediaRule(atRule)) {
-			const parent = atRule.parent;
-			atRule.remove();
-			removeEmptyAtRuleAncestors(parent);
-		}
-	});
-	root.walkDecls((decl) => {
-		if (isDisplayP3Declaration(decl)) removeDeclarationAndEmptyRule(decl);
-	});
-}
 function collectPreflightRules(root) {
 	const preflightNodes = [];
 	let hasContentInit = false;
@@ -361,7 +369,7 @@ function finalizeMiniProgramCss(css) {
 	}
 }
 //#endregion
-//#region src/bundlers/shared/generator-css.ts
+//#region src/bundlers/shared/generator-css/markers.ts
 const TAILWIND_V4_BANNER_RE = /\/\*!\s*tailwindcss v4\./;
 const TAILWIND_GENERATED_CSS_MARKER_RE = /\/\*!\s*tailwindcss v|@property\s+--tw-|--tw-|:not\(#\\#\)|\.[^,{]*(?:\\:|\\\[|\\#)|(?::host|page|\.tw-root|wx-root-portal-content)[^{]*\{[^}]*--(?:color|spacing|text|font-weight|radius)-/;
 const GENERATOR_PLACEHOLDER_MARKER_RE = /\/\*!\s*weapp-tailwindcss generator-placeholder\s*\*\//i;
@@ -369,77 +377,6 @@ const GENERATOR_PLACEHOLDER_MARKER_GLOBAL_RE = /\/\*!\s*weapp-tailwindcss genera
 const TAILWIND_BANNER_PREFIX_RE = /^\/\*!\s*tailwindcss v[^*]*\*\/\s*/i;
 const TAILWIND_BANNER_GLOBAL_RE = /\/\*!\s*tailwindcss v[^*]*\*\/\s*/gi;
 const VITE_MARKER_RE = /\/\*\$vite\$:[^*]*\*\//g;
-const CLASS_SELECTOR_RE = /(?:^|[^\w-])\.[_a-z\u00A0-\uFFFF\\-]/i;
-const MINI_PROGRAM_THEME_SCOPE_SELECTORS = new Set([
-	":host",
-	"page",
-	".tw-root",
-	"wx-root-portal-content"
-]);
-const SUPPORTED_GENERATOR_MAJOR_VERSIONS = new Set([3, 4]);
-const REMOTE_IMPORT_RE = /^(?:https?:)?\/\//i;
-const SPECIFICITY_PLACEHOLDER_RE = /:not\(#(?:\\#|n)\)/g;
-const CSS_LENGTH_UNIT_RE = /(?:^|[\s(,])[-+]?(?:\d+|\d*\.\d+)(?:px|rem)\b/i;
-const RPX_UNIT_RE = /(?:^|[\s(,])[-+]?(?:\d+|\d*\.\d+)rpx\b/i;
-const TAILWIND_REMOVABLE_SOURCE_DIRECTIVE_NAMES = new Set([
-	"config",
-	"custom-variant",
-	"layer",
-	"plugin",
-	"reference",
-	"source",
-	"tailwind",
-	"theme",
-	"utility",
-	"variant"
-]);
-const LEGACY_CONTAINER_COMPAT_CSS = [
-	".container {",
-	"  width: 100%;",
-	"}",
-	"@media (min-width: 40rem) {",
-	"  .container {",
-	"    max-width: 40rem;",
-	"  }",
-	"}",
-	"@media (min-width: 48rem) {",
-	"  .container {",
-	"    max-width: 48rem;",
-	"  }",
-	"}",
-	"@media (min-width: 64rem) {",
-	"  .container {",
-	"    max-width: 64rem;",
-	"  }",
-	"}",
-	"@media (min-width: 80rem) {",
-	"  .container {",
-	"    max-width: 80rem;",
-	"  }",
-	"}",
-	"@media (min-width: 96rem) {",
-	"  .container {",
-	"    max-width: 96rem;",
-	"  }",
-	"}"
-].join("\n");
-const SOURCE_STYLE_EXTENSIONS = [
-	".vue",
-	".uvue",
-	".nvue",
-	".css",
-	".scss",
-	".sass",
-	".less",
-	".styl",
-	".stylus",
-	".wxss",
-	".acss",
-	".jxss",
-	".ttss",
-	".qss"
-];
-const SFC_STYLE_BLOCK_RE = /<style\b[^>]*>([\s\S]*?)<\/style>/gi;
 function createCssAppend(base, extra) {
 	if (!base) return extra;
 	if (!extra) return base;
@@ -469,132 +406,28 @@ function hasTailwindGeneratedCss(rawSource) {
 function hasTailwindGeneratedCssMarkers(rawSource) {
 	return TAILWIND_GENERATED_CSS_MARKER_RE.test(rawSource) || GENERATOR_PLACEHOLDER_MARKER_RE.test(rawSource);
 }
-function finalizeMiniProgramGeneratorCss(css, target) {
-	if (target !== "weapp") return css;
-	return finalizeMiniProgramCss(css);
-}
-function normalizeCompatSelector(selector) {
-	return selector.replace(SPECIFICITY_PLACEHOLDER_RE, "").replace(/\s+/g, " ").trim();
-}
-function isClassSelectorTerminator(char) {
-	return /[\s>+~#,.:()[\]]/.test(char);
-}
-function unescapeSimpleCssIdent(value) {
-	return value.replaceAll(/\\(.)/g, "$1");
-}
-function escapeCompatSelectorClasses(selector) {
-	let result = "";
-	let index = 0;
-	let changed = false;
-	while (index < selector.length) {
-		const char = selector[index];
-		if (char !== ".") {
-			result += char;
-			index += 1;
-			continue;
-		}
-		let end = index + 1;
-		let className = "";
-		while (end < selector.length) {
-			const current = selector[end];
-			if (current === "\\" && end + 1 < selector.length) {
-				className += current + selector[end + 1];
-				end += 2;
-				continue;
-			}
-			if (isClassSelectorTerminator(current)) break;
-			className += current;
-			end += 1;
-		}
-		if (className.includes("\\")) {
-			result += `.${replaceWxml(unescapeSimpleCssIdent(className))}`;
-			changed = true;
-		} else result += `.${className}`;
-		index = end;
-	}
-	return changed ? result : selector;
-}
-function normalizeCompatSelectors(selector) {
-	const normalized = normalizeCompatSelector(selector);
-	if (!normalized) return [];
-	const selectors = new Set([normalized]);
-	const escaped = normalizeCompatSelector(escapeCompatSelectorClasses(normalized));
-	if (escaped) selectors.add(escaped);
-	return [...selectors];
-}
-function createLegacyDeclarationValueMap(css) {
-	const values = /* @__PURE__ */ new Map();
-	postcss.parse(css).walkRules((rule) => {
-		if (!rule.selectors || rule.selectors.length === 0) return;
-		for (const selector of rule.selectors) {
-			const normalizedSelectors = normalizeCompatSelectors(selector);
-			rule.walkDecls((decl) => {
-				if (RPX_UNIT_RE.test(decl.value)) for (const normalizedSelector of normalizedSelectors) values.set(`${normalizedSelector}\n${decl.prop}`, decl.value);
-			});
-		}
-	});
-	return values;
-}
-function inheritLegacyUnitConvertedDeclarations(css, legacyCss) {
-	try {
-		const legacyValues = createLegacyDeclarationValueMap(legacyCss);
-		if (legacyValues.size === 0) return css;
-		const root = postcss.parse(css);
-		let changed = false;
-		root.walkRules((rule) => {
-			if (!rule.selectors || rule.selectors.length === 0) return;
-			const selectors = rule.selectors.flatMap((selector) => normalizeCompatSelectors(selector));
-			if (selectors.length === 0) return;
-			rule.walkDecls((decl) => {
-				if (!CSS_LENGTH_UNIT_RE.test(decl.value)) return;
-				for (const selector of selectors) {
-					const legacyValue = legacyValues.get(`${selector}\n${decl.prop}`);
-					if (legacyValue && legacyValue !== decl.value) {
-						decl.value = legacyValue;
-						changed = true;
-						return;
-					}
-				}
-			});
-		});
-		return changed ? root.toString() : css;
-	} catch {
-		return css;
-	}
-}
-function resolveGeneratorStyleOptions(opts, cssHandlerOptions, generatorStyleOptions) {
-	return {
-		cssChildCombinatorReplaceValue: opts.cssChildCombinatorReplaceValue,
-		cssSelectorReplacement: opts.cssSelectorReplacement,
-		rem2rpx: opts.rem2rpx,
-		px2rpx: opts.px2rpx,
-		unitsToPx: opts.unitsToPx,
-		cssRemoveProperty: opts.cssRemoveProperty,
-		cssRemoveHoverPseudoClass: opts.cssRemoveHoverPseudoClass,
-		cssPresetEnv: opts.cssPresetEnv,
-		autoprefixer: opts.autoprefixer,
-		cssCalc: opts.cssCalc,
-		atRules: opts.atRules,
-		uniAppX: opts.uniAppX,
-		uniAppXCssTarget: opts.uniAppXCssTarget,
-		uniAppXUnsupported: opts.uniAppXUnsupported,
-		...cssHandlerOptions,
-		...generatorStyleOptions
-	};
-}
+//#endregion
+//#region src/bundlers/shared/generator-css/directives.ts
+const TAILWIND_REMOVABLE_SOURCE_DIRECTIVE_NAMES = new Set([
+	"config",
+	"custom-variant",
+	"layer",
+	"plugin",
+	"reference",
+	"source",
+	"tailwind",
+	"theme",
+	"utility",
+	"variant"
+]);
 function parseImportRequest(params) {
 	return /^(?:url\(\s*)?(["']?)([^"')\s]+)\1\s*\)?/.exec(params.trim())?.[2];
 }
 function parseConfigRequest(params) {
 	return /^(["'])(.+)\1\s*;?$/.exec(params.trim())?.[2];
 }
-function resolvePostcssFromOption(cssHandlerOptions) {
-	const from = cssHandlerOptions.postcssOptions?.options?.from;
-	return typeof from === "string" && from.length > 0 ? from : void 0;
-}
-function resolveCssSourceBase(file, cssHandlerOptions) {
-	const normalized = (resolvePostcssFromOption(cssHandlerOptions) ?? file).replace(/[?#].*$/, "");
-	return path.dirname(path.resolve(normalized));
+function isPackageJsonImportRequest(request) {
+	return typeof request === "string" && request.startsWith("#");
 }
 function isTailwindImportAtRule(node) {
 	if (node.name === "tailwind") return true;
@@ -605,11 +438,13 @@ function isTailwindImportAtRule(node) {
 function isTailwindSourceDirective(node) {
 	if (node.type !== "atrule") return false;
 	if (isTailwindImportAtRule(node)) return true;
+	if (node.name === "import" && isPackageJsonImportRequest(parseImportRequest(node.params))) return true;
 	return TAILWIND_REMOVABLE_SOURCE_DIRECTIVE_NAMES.has(node.name);
 }
 function isTailwindGenerationDirective(node) {
 	if (node.type !== "atrule") return false;
-	return isTailwindImportAtRule(node) || node.name === "layer" || node.name === "config";
+	const request = node.name === "import" ? parseImportRequest(node.params) : node.name === "config" || node.name === "plugin" || node.name === "reference" ? parseConfigRequest(node.params) : void 0;
+	return isTailwindImportAtRule(node) || isPackageJsonImportRequest(request) || node.name === "apply" || node.name === "layer" || node.name === "config" || node.name === "source";
 }
 function removeTailwindSourceDirectives(rawSource) {
 	try {
@@ -657,7 +492,7 @@ function resolveCssEntrySource(rawSource, base, options = {}) {
 				const configPath = parseConfigRequest(node.params);
 				if (configPath && !config) {
 					configRequest = configPath;
-					config = path.isAbsolute(configPath) ? configPath : path.resolve(base, configPath);
+					config = isPackageJsonImportRequest(configPath) ? void 0 : path.isAbsolute(configPath) ? configPath : path.resolve(base, configPath);
 				}
 				if (removeConfig) {
 					node.remove();
@@ -676,26 +511,223 @@ function resolveCssEntrySource(rawSource, base, options = {}) {
 		return;
 	}
 }
-function resolveExistingConfigPath(config, configRequest, file, sourceOptions) {
-	if (config && existsSync(config)) return config;
-	if (!configRequest || path.isAbsolute(configRequest)) return sourceOptions.config;
-	const outputDir = path.dirname(file.replace(/[?#].*$/, ""));
-	const baseCandidates = [
-		sourceOptions.projectRoot,
-		sourceOptions.cwd,
-		process.cwd()
-	].filter((item) => typeof item === "string" && item.length > 0);
-	for (const base of baseCandidates) {
-		const candidates = [
-			path.resolve(base, configRequest),
-			path.resolve(base, "src", configRequest),
-			path.resolve(base, outputDir, configRequest),
-			path.resolve(base, "src", outputDir, configRequest)
-		];
-		for (const candidate of candidates) if (existsSync(candidate)) return candidate;
+//#endregion
+//#region src/bundlers/shared/generator-css/legacy-selectors.ts
+const CLASS_SELECTOR_RE = /(?:^|[^\w-])\.[_a-z\u00A0-\uFFFF\\-]/i;
+const MINI_PROGRAM_THEME_SCOPE_SELECTORS = new Set([
+	":host",
+	"page",
+	".tw-root",
+	"wx-root-portal-content"
+]);
+const SPECIFICITY_PLACEHOLDER_RE = /:not\(#(?:\\#|n)\)/g;
+function normalizeCompatSelector(selector) {
+	return selector.replace(SPECIFICITY_PLACEHOLDER_RE, "").replace(/\s+/g, " ").trim();
+}
+function isClassSelectorTerminator(char) {
+	return /[\s>+~#,.:()[\]]/.test(char);
+}
+function unescapeSimpleCssIdent(value) {
+	return value.replaceAll(/\\(.)/g, "$1");
+}
+function escapeCompatSelectorClasses(selector) {
+	let result = "";
+	let index = 0;
+	let changed = false;
+	while (index < selector.length) {
+		const char = selector[index];
+		if (char !== ".") {
+			result += char;
+			index += 1;
+			continue;
+		}
+		let end = index + 1;
+		let className = "";
+		while (end < selector.length) {
+			const current = selector[end];
+			if (current === "\\" && end + 1 < selector.length) {
+				className += current + selector[end + 1];
+				end += 2;
+				continue;
+			}
+			if (isClassSelectorTerminator(current)) break;
+			className += current;
+			end += 1;
+		}
+		if (className.includes("\\")) {
+			result += `.${replaceWxml(unescapeSimpleCssIdent(className))}`;
+			changed = true;
+		} else result += `.${className}`;
+		index = end;
 	}
-	return sourceOptions.config;
+	return changed ? result : selector;
+}
+function normalizeCompatSelectors(selector) {
+	const normalized = normalizeCompatSelector(selector);
+	if (!normalized) return [];
+	const selectors = new Set([normalized]);
+	const escaped = normalizeCompatSelector(escapeCompatSelectorClasses(normalized));
+	if (escaped) selectors.add(escaped);
+	return [...selectors];
+}
+function normalizeCssSelector(selector) {
+	return selector.trim().replace(/\s+/g, "");
+}
+function getCompatSelectorKeys(selector) {
+	return normalizeCompatSelectors(selector).map(normalizeCssSelector);
+}
+function getRuleCompatSelectorKeys(rule) {
+	return (rule.selectors?.length ? rule.selectors : [rule.selector]).flatMap((selector) => getCompatSelectorKeys(selector));
+}
+function hasClassSelector(selector) {
+	return CLASS_SELECTOR_RE.test(selector);
+}
+function getNormalizedSelectorList(selector) {
+	return selector.split(",").map(normalizeCssSelector).filter(Boolean);
+}
+function isMiniProgramThemeScopeSelector(selector) {
+	const selectors = getNormalizedSelectorList(selector);
+	return selectors.length > 0 && selectors.every((item) => MINI_PROGRAM_THEME_SCOPE_SELECTORS.has(item));
+}
+function hasUtilityClassSelector(selector) {
+	return hasClassSelector(selector) && !isMiniProgramThemeScopeSelector(selector);
+}
+function isCustomPropertyOnlyRule(rule) {
+	let hasDeclaration = false;
+	let allCustomProperties = true;
+	rule.each((node) => {
+		if (node.type !== "decl") return;
+		hasDeclaration = true;
+		if (!node.prop.startsWith("--")) allCustomProperties = false;
+	});
+	return hasDeclaration && allCustomProperties;
+}
+function isPseudoContentInitRule(rule) {
+	let hasDeclaration = false;
+	let onlyContentVariable = true;
+	rule.each((node) => {
+		if (node.type !== "decl") return;
+		hasDeclaration = true;
+		if (node.prop !== "--tw-content") onlyContentVariable = false;
+	});
+	return hasDeclaration && onlyContentVariable;
+}
+function collectGeneratedSelectors(css) {
+	const selectors = /* @__PURE__ */ new Set();
+	try {
+		postcss.parse(css).walkRules((rule) => {
+			if (isCustomPropertyOnlyRule(rule) && !isPseudoContentInitRule(rule) && !hasUtilityClassSelector(rule.selector)) return;
+			for (const selector of getRuleCompatSelectorKeys(rule)) selectors.add(selector);
+		});
+	} catch {
+		return selectors;
+	}
+	return selectors;
+}
+function removeGeneratedSelectorCompatCss(css, generatedCss) {
+	const generatedSelectors = collectGeneratedSelectors(generatedCss);
+	if (generatedSelectors.size === 0) return css;
+	try {
+		const root = postcss.parse(css);
+		let removed = false;
+		root.walkRules((rule) => {
+			if (isPseudoContentInitRule(rule)) {
+				rule.remove();
+				removed = true;
+				return;
+			}
+			if (isCustomPropertyOnlyRule(rule) && !isPseudoContentInitRule(rule) && !hasUtilityClassSelector(rule.selector)) return;
+			if (getRuleCompatSelectorKeys(rule).some((selector) => generatedSelectors.has(selector))) {
+				rule.remove();
+				removed = true;
+			}
+		});
+		root.walkAtRules((atRule) => {
+			if (atRule.nodes && atRule.nodes.length === 0) atRule.remove();
+		});
+		return removed ? root.toString() : css;
+	} catch {
+		return css;
+	}
+}
+function collectDedupedPostTransformCompatCss(css, generatedCss) {
+	const generatedSelectors = collectGeneratedSelectors(generatedCss);
+	if (generatedSelectors.size === 0) return css;
+	const preservedNodes = [];
+	try {
+		const root = postcss.parse(css);
+		root.each((node) => {
+			if (node.type === "rule" && getRuleCompatSelectorKeys(node).some((selector) => generatedSelectors.has(selector))) {
+				if (isCustomPropertyOnlyRule(node) && !isPseudoContentInitRule(node) && !hasUtilityClassSelector(node.selector)) {
+					const declarationProps = /* @__PURE__ */ new Set();
+					node.walkDecls((decl) => {
+						declarationProps.add(decl.prop);
+					});
+					postcss.parse(generatedCss).walkRules((rule) => {
+						const nodeSelectors = new Set(getRuleCompatSelectorKeys(node));
+						if (!getRuleCompatSelectorKeys(rule).some((selector) => nodeSelectors.has(selector))) return;
+						rule.walkDecls((decl) => {
+							declarationProps.delete(decl.prop);
+						});
+					});
+					const nextRule = node.clone();
+					nextRule.walkDecls((decl) => {
+						if (!declarationProps.has(decl.prop)) decl.remove();
+					});
+					if (nextRule.nodes.length > 0) preservedNodes.push(nextRule);
+				}
+				return;
+			}
+			preservedNodes.push(node.clone());
+		});
+		if (preservedNodes.length === root.nodes.length) return css;
+		const nextRoot = postcss.root();
+		nextRoot.append(preservedNodes);
+		return nextRoot.toString();
+	} catch {
+		return css;
+	}
+}
+function removeDuplicatedViteMarkers(css, baseCss) {
+	if (!VITE_MARKER_RE.test(baseCss)) return css;
+	VITE_MARKER_RE.lastIndex = 0;
+	return css.replace(VITE_MARKER_RE, "");
+}
+//#endregion
+//#region src/bundlers/shared/generator-css/config-directive.ts
+function quoteCssString(value) {
+	return value.replaceAll("\\", "\\\\").replaceAll("\"", "\\\"");
+}
+function toCssPath(value) {
+	return value.replaceAll("\\", "/");
+}
+function prependConfigDirective(css, config) {
+	if (!config || /@config\s+/.test(css)) return css;
+	return `@config "${quoteCssString(toCssPath(config))}";\n${css}`;
+}
+function normalizeConfigDirective(css, config) {
+	if (!config || !/@config\s+/.test(css)) return css;
+	return css.replace(/@config\s+(["'])(.+?)\1\s*;?/, `@config "${quoteCssString(toCssPath(config))}";`);
 }
+//#endregion
+//#region src/bundlers/shared/generator-css/source-files.ts
+const SOURCE_STYLE_EXTENSIONS = [
+	".vue",
+	".uvue",
+	".nvue",
+	".css",
+	".scss",
+	".sass",
+	".less",
+	".styl",
+	".stylus",
+	".wxss",
+	".acss",
+	".jxss",
+	".ttss",
+	".qss"
+];
+const SFC_STYLE_BLOCK_RE = /<style\b[^>]*>([\s\S]*?)<\/style>/gi;
 function stripStyleExtension(file) {
 	return file.replace(/[?#].*$/, "").replace(/\.(?:wx|ac|jx|tt|q|c|ty)?ss$/i, "");
 }
@@ -749,9 +781,6 @@ function extractStyleDirectiveSources(source) {
 	if (styleSources.length > 0) return styleSources;
 	return hasTailwindSourceDirectives(source) ? [source] : [];
 }
-function shouldResolveSourceSideCssEntry(rawSource) {
-	return rawSource.includes("@apply");
-}
 function resolveSourceSideCssEntrySource(file, sourceOptions, resolveOptions = {}) {
 	for (const sourceFile of createSourceStylePathCandidates(file, sourceOptions)) {
 		if (!existsSync(sourceFile)) continue;
@@ -766,6 +795,72 @@ function resolveSourceSideCssEntrySource(file, sourceOptions, resolveOptions = {
 		}
 	}
 }
+//#endregion
+//#region src/bundlers/shared/generator-css/source-resolver.ts
+function resolvePostcssFromOption(cssHandlerOptions) {
+	const from = cssHandlerOptions.postcssOptions?.options?.from;
+	return typeof from === "string" && from.length > 0 ? from : void 0;
+}
+function resolveCssSourceBase(file, cssHandlerOptions) {
+	const normalized = (resolvePostcssFromOption(cssHandlerOptions) ?? file).replace(/[?#].*$/, "");
+	return path.dirname(path.resolve(normalized));
+}
+function resolveExistingConfigPath(config, configRequest, file, sourceOptions) {
+	if (config && existsSync(config)) return config;
+	if (!configRequest || path.isAbsolute(configRequest)) return sourceOptions.config;
+	const outputDir = path.dirname(file.replace(/[?#].*$/, ""));
+	const baseCandidates = [
+		sourceOptions.projectRoot,
+		sourceOptions.cwd,
+		process.cwd()
+	].filter((item) => typeof item === "string" && item.length > 0);
+	for (const base of baseCandidates) {
+		const candidates = [
+			path.resolve(base, configRequest),
+			path.resolve(base, "src", configRequest),
+			path.resolve(base, outputDir, configRequest),
+			path.resolve(base, "src", outputDir, configRequest)
+		];
+		for (const candidate of candidates) if (existsSync(candidate)) return candidate;
+	}
+	return sourceOptions.config;
+}
+function canResolveSourceSideCssEntry(file, cssHandlerOptions) {
+	const from = resolvePostcssFromOption(cssHandlerOptions);
+	if (!from || !path.isAbsolute(from)) return path.isAbsolute(file);
+	return true;
+}
+function shouldResolveSourceSideCssEntry(rawSource) {
+	return rawSource.includes("@apply");
+}
+function normalizeCssSourceForCompare(css) {
+	return stripGeneratorPlaceholderMarkers(stripTailwindBanners(css)).trim();
+}
+function getOutputFileStem(file) {
+	const normalized = file.replace(/[?#].*$/, "");
+	return path.basename(normalized, path.extname(normalized));
+}
+function resolveMatchingTailwindV4CssEntry(rawSource, file, sourceOptions) {
+	const cssEntries = sourceOptions.cssEntries;
+	if (!cssEntries?.length) return;
+	const normalizedRawSource = normalizeCssSourceForCompare(rawSource);
+	const outputStem = getOutputFileStem(file);
+	const matchingEntry = cssEntries.find((cssEntry) => {
+		if (!existsSync(cssEntry)) return false;
+		try {
+			if (normalizeCssSourceForCompare(readFileSync(cssEntry, "utf8")) === normalizedRawSource) return true;
+			return outputStem.length > 0 && getOutputFileStem(cssEntry) === outputStem;
+		} catch {
+			return false;
+		}
+	});
+	if (!matchingEntry) return;
+	return resolveTailwindV4Source({
+		...sourceOptions,
+		css: void 0,
+		cssEntries: [matchingEntry]
+	});
+}
 function tryResolveTailwindV4SourceOptions(runtimeState) {
 	try {
 		return resolveTailwindV4SourceOptionsFromPatcher(runtimeState.twPatcher);
@@ -773,16 +868,20 @@ function tryResolveTailwindV4SourceOptions(runtimeState) {
 		return;
 	}
 }
-async function resolveGeneratorSource(majorVersion, runtimeState, rawSource, file, cssHandlerOptions) {
+async function resolveGeneratorSource(majorVersion, runtimeState, rawSource, file, cssHandlerOptions, generatorOptions) {
 	const cssEntrySource = resolveCssEntrySource(rawSource, resolveCssSourceBase(file, cssHandlerOptions), { removeConfig: majorVersion === 3 });
 	if (majorVersion === 3) {
 		const sourceOptions = resolveTailwindV3SourceOptionsFromPatcher(runtimeState.twPatcher);
-		const sourceSideEntrySource = resolveSourceSideCssEntrySource(file, sourceOptions, { removeConfig: true });
+		const mergedSourceOptions = {
+			...sourceOptions,
+			config: generatorOptions?.config ?? sourceOptions.config
+		};
+		const sourceSideEntrySource = canResolveSourceSideCssEntry(file, cssHandlerOptions) ? resolveSourceSideCssEntrySource(file, mergedSourceOptions, { removeConfig: true }) : void 0;
 		const resolvedEntrySource = cssEntrySource ?? sourceSideEntrySource;
-		if (!resolvedEntrySource) return resolveTailwindV3SourceFromPatcher(runtimeState.twPatcher);
-		const config = resolveExistingConfigPath(resolvedEntrySource.config, resolvedEntrySource.configRequest, file, sourceOptions);
+		if (!resolvedEntrySource) return generatorOptions?.config ? resolveTailwindV3Source(mergedSourceOptions) : resolveTailwindV3SourceFromPatcher(runtimeState.twPatcher);
+		const config = resolveExistingConfigPath(resolvedEntrySource.config, resolvedEntrySource.configRequest, file, mergedSourceOptions);
 		return resolveTailwindV3Source({
-			...sourceOptions,
+			...mergedSourceOptions,
 			base: resolvedEntrySource.base,
 			css: resolvedEntrySource.css,
 			...config ? { config } : {}
@@ -790,51 +889,105 @@ async function resolveGeneratorSource(majorVersion, runtimeState, rawSource, fil
 	}
 	const sourceOptions = tryResolveTailwindV4SourceOptions(runtimeState);
 	const shouldPreferSourceSideEntry = shouldResolveSourceSideCssEntry(rawSource) || Boolean(cssEntrySource?.css.includes("weapp-tailwindcss generator-placeholder"));
-	const resolvedEntrySource = (sourceOptions && shouldPreferSourceSideEntry ? resolveSourceSideCssEntrySource(file, sourceOptions, { removeConfig: false }) : void 0) ?? cssEntrySource;
-	if (!resolvedEntrySource) return resolveTailwindV4SourceFromPatcher(runtimeState.twPatcher);
+	const sourceSideEntrySource = sourceOptions && shouldPreferSourceSideEntry ? resolveSourceSideCssEntrySource(file, sourceOptions, { removeConfig: false }) : void 0;
+	const matchedCssEntrySource = sourceOptions && cssEntrySource ? await resolveMatchingTailwindV4CssEntry(rawSource, file, sourceOptions) : void 0;
+	const mainCssEntrySource = sourceOptions && cssHandlerOptions.isMainChunk && sourceOptions.cssEntries?.length === 1 ? await resolveTailwindV4Source({
+		...sourceOptions,
+		css: void 0,
+		cssEntries: [sourceOptions.cssEntries[0]]
+	}) : void 0;
+	const preferredCssEntrySource = matchedCssEntrySource ?? mainCssEntrySource;
+	if (preferredCssEntrySource) return generatorOptions?.config ? {
+		...preferredCssEntrySource,
+		css: prependConfigDirective(preferredCssEntrySource.css, generatorOptions.config)
+	} : preferredCssEntrySource;
+	const resolvedEntrySource = sourceSideEntrySource ?? cssEntrySource;
+	if (!resolvedEntrySource) {
+		const source = await resolveTailwindV4SourceFromPatcher(runtimeState.twPatcher);
+		return generatorOptions?.config ? {
+			...source,
+			css: prependConfigDirective(source.css, generatorOptions.config)
+		} : source;
+	}
+	const resolvedSourceOptions = sourceOptions ?? {};
+	const config = resolveExistingConfigPath(resolvedEntrySource.config, resolvedEntrySource.configRequest, file, resolvedSourceOptions);
 	return resolveTailwindV4Source({
-		...sourceOptions ?? {},
+		...resolvedSourceOptions,
 		base: resolvedEntrySource.base,
-		css: resolvedEntrySource.css
+		css: normalizeConfigDirective(prependConfigDirective(resolvedEntrySource.css, generatorOptions?.config), config)
 	});
 }
-async function resolveGeneratorSources(majorVersion, runtimeState, rawSource, file, cssHandlerOptions) {
+async function resolveGeneratorSources(majorVersion, runtimeState, rawSource, file, cssHandlerOptions, generatorOptions) {
 	const cssEntrySource = resolveCssEntrySource(rawSource, resolveCssSourceBase(file, cssHandlerOptions), { removeConfig: majorVersion === 3 });
-	if (majorVersion !== 4 || cssEntrySource && !cssHandlerOptions.isMainChunk) return [await resolveGeneratorSource(majorVersion, runtimeState, rawSource, file, cssHandlerOptions)];
+	if (majorVersion !== 4 || cssEntrySource && !cssHandlerOptions.isMainChunk) return [await resolveGeneratorSource(majorVersion, runtimeState, rawSource, file, cssHandlerOptions, generatorOptions)];
 	let sourceOptions;
 	try {
 		sourceOptions = resolveTailwindV4SourceOptionsFromPatcher(runtimeState.twPatcher);
 	} catch {
-		return [await resolveGeneratorSource(majorVersion, runtimeState, rawSource, file, cssHandlerOptions)];
+		return [await resolveGeneratorSource(majorVersion, runtimeState, rawSource, file, cssHandlerOptions, generatorOptions)];
 	}
-	if (!sourceOptions.cssEntries || sourceOptions.cssEntries.length <= 1) return [await resolveGeneratorSource(majorVersion, runtimeState, rawSource, file, cssHandlerOptions)];
+	if (!sourceOptions.cssEntries || sourceOptions.cssEntries.length <= 1) return [await resolveGeneratorSource(majorVersion, runtimeState, rawSource, file, cssHandlerOptions, generatorOptions)];
 	return await Promise.all(sourceOptions.cssEntries.map((cssEntry) => resolveTailwindV4Source({
 		...sourceOptions,
 		css: void 0,
 		cssEntries: [cssEntry]
-	})));
-}
-function isLocalImportRequest(request) {
-	return request.length > 0 && !request.startsWith("tailwindcss") && !request.startsWith("weapp-tailwindcss") && !request.startsWith("data:") && !REMOTE_IMPORT_RE.test(request);
+	}).then((source) => generatorOptions?.config ? {
+		...source,
+		css: prependConfigDirective(source.css, generatorOptions.config)
+	} : source)));
 }
-function isPureLocalCssImportWrapper(css) {
-	let hasImport = false;
+//#endregion
+//#region src/bundlers/shared/generator-css/legacy-compat.ts
+const LEGACY_CONTAINER_COMPAT_CSS = [
+	".container {",
+	"  width: 100%;",
+	"}",
+	"@media (min-width: 40rem) {",
+	"  .container {",
+	"    max-width: 40rem;",
+	"  }",
+	"}",
+	"@media (min-width: 48rem) {",
+	"  .container {",
+	"    max-width: 48rem;",
+	"  }",
+	"}",
+	"@media (min-width: 64rem) {",
+	"  .container {",
+	"    max-width: 64rem;",
+	"  }",
+	"}",
+	"@media (min-width: 80rem) {",
+	"  .container {",
+	"    max-width: 80rem;",
+	"  }",
+	"}",
+	"@media (min-width: 96rem) {",
+	"  .container {",
+	"    max-width: 96rem;",
+	"  }",
+	"}"
+].join("\n");
+function removeTailwindApplyRules(rawSource) {
 	try {
-		const root = postcss.parse(css);
-		for (const node of root.nodes) {
-			if (node.type === "comment") continue;
-			if (node.type !== "atrule" || node.name !== "import") return false;
-			const request = parseImportRequest(node.params);
-			if (!request || !isLocalImportRequest(request)) return false;
-			hasImport = true;
-		}
+		const root = postcss.parse(rawSource);
+		let removed = false;
+		root.walkAtRules("apply", (rule) => {
+			const parent = rule.parent;
+			if (parent?.type === "rule") parent.remove();
+			else rule.remove();
+			removed = true;
+		});
+		root.walkAtRules((rule) => {
+			if (rule.nodes && rule.nodes.length === 0) rule.remove();
+		});
+		return removed ? root.toString() : rawSource;
 	} catch {
-		return false;
+		return rawSource;
 	}
-	return hasImport;
 }
 function resolveLegacyCompatCssSource(rawSource) {
-	return removeUnsupportedMiniProgramAtRules(removeTailwindSourceDirectives(stripTailwindBanners(rawSource)));
+	return removeUnsupportedMiniProgramAtRules(removeTailwindApplyRules(removeTailwindSourceDirectives(stripTailwindBanners(rawSource))));
 }
 function hasContainerConfigToken(rawSource) {
 	return rawSource.includes("@config") && /\bcontainer\b/.test(rawSource);
@@ -863,173 +1016,188 @@ function hasConfiguredContainerCompatSource(source) {
 function hasConfiguredContainerCompatSources(sources) {
 	return sources.some((source) => hasConfiguredContainerCompatSource(source));
 }
-function removeDuplicatedViteMarkers(css, baseCss) {
-	if (!VITE_MARKER_RE.test(baseCss)) return css;
-	VITE_MARKER_RE.lastIndex = 0;
-	return css.replace(VITE_MARKER_RE, "");
-}
-function normalizeCssSelector(selector) {
-	return selector.trim().replace(/\s+/g, "");
-}
-function getCompatSelectorKeys(selector) {
-	return normalizeCompatSelectors(selector).map(normalizeCssSelector);
-}
-function getRuleCompatSelectorKeys(rule) {
-	return (rule.selectors?.length ? rule.selectors : [rule.selector]).flatMap((selector) => getCompatSelectorKeys(selector));
+async function appendLegacyCompatCss(css, rawSource, generatorTarget, styleHandler, cssHandlerOptions, generatorStyleOptions) {
+	const compatSource = removeGeneratedSelectorCompatCss(resolveLegacyCompatCssSource(rawSource), css);
+	if (compatSource.trim().length === 0) return css;
+	if (generatorTarget !== "weapp") return createCssAppend(css, compatSource);
+	const { css: compatCss } = await styleHandler(compatSource, {
+		...cssHandlerOptions,
+		...generatorStyleOptions
+	});
+	const cleanedCompatCss = collectDedupedPostTransformCompatCss(removeDuplicatedViteMarkers(removeUnsupportedMiniProgramAtRules(compatCss), css), css);
+	if (cleanedCompatCss.trim().length === 0) return css;
+	return createCssAppend(css, cleanedCompatCss);
 }
-function hasClassSelector(selector) {
-	return CLASS_SELECTOR_RE.test(selector);
+async function appendLegacyContainerCompatCss(css, rawSource, file, runtime, configuredContainerCompat, generatorTarget, styleHandler, cssHandlerOptions, generatorStyleOptions) {
+	const compatSource = resolveLegacyCompatCssSource(rawSource);
+	const shouldAppendContainer = runtime.has("container") || hasConfiguredContainerCompat(rawSource, file, cssHandlerOptions) || configuredContainerCompat || collectGeneratedSelectors(compatSource).has(".container");
+	if (generatorTarget !== "weapp" || !shouldAppendContainer || collectGeneratedSelectors(css).has(".container")) return css;
+	const { css: compatCss } = await styleHandler(LEGACY_CONTAINER_COMPAT_CSS, {
+		...cssHandlerOptions,
+		...generatorStyleOptions
+	});
+	const cleanedCompatCss = collectDedupedPostTransformCompatCss(removeUnsupportedMiniProgramAtRules(compatCss), css);
+	if (cleanedCompatCss.trim().length === 0) return css;
+	return createCssAppend(css, cleanedCompatCss);
 }
-function getNormalizedSelectorList(selector) {
-	return selector.split(",").map(normalizeCssSelector).filter(Boolean);
+//#endregion
+//#region src/bundlers/shared/generator-css/legacy-units.ts
+const CSS_LENGTH_UNIT_RE = /(?:^|[\s(,])[-+]?(?:\d+|\d*\.\d+)(?:px|rem)\b/i;
+const RPX_UNIT_RE = /(?:^|[\s(,])[-+]?(?:\d+|\d*\.\d+)rpx\b/i;
+function createLegacyDeclarationValueMap(css) {
+	const values = /* @__PURE__ */ new Map();
+	postcss.parse(css).walkRules((rule) => {
+		if (!rule.selectors || rule.selectors.length === 0) return;
+		for (const selector of rule.selectors) {
+			const normalizedSelectors = normalizeCompatSelectors(selector);
+			rule.walkDecls((decl) => {
+				if (RPX_UNIT_RE.test(decl.value)) for (const normalizedSelector of normalizedSelectors) values.set(`${normalizedSelector}\n${decl.prop}`, decl.value);
+			});
+		}
+	});
+	return values;
 }
-function isMiniProgramThemeScopeSelector(selector) {
-	const selectors = getNormalizedSelectorList(selector);
-	return selectors.length > 0 && selectors.every((item) => MINI_PROGRAM_THEME_SCOPE_SELECTORS.has(item));
+function inheritLegacyUnitConvertedDeclarations(css, legacyCss) {
+	try {
+		const legacyValues = createLegacyDeclarationValueMap(legacyCss);
+		if (legacyValues.size === 0) return css;
+		const root = postcss.parse(css);
+		let changed = false;
+		root.walkRules((rule) => {
+			if (!rule.selectors || rule.selectors.length === 0) return;
+			const selectors = rule.selectors.flatMap((selector) => normalizeCompatSelectors(selector));
+			if (selectors.length === 0) return;
+			rule.walkDecls((decl) => {
+				if (!CSS_LENGTH_UNIT_RE.test(decl.value)) return;
+				for (const selector of selectors) {
+					const legacyValue = legacyValues.get(`${selector}\n${decl.prop}`);
+					if (legacyValue && legacyValue !== decl.value) {
+						decl.value = legacyValue;
+						changed = true;
+						return;
+					}
+				}
+			});
+		});
+		return changed ? root.toString() : css;
+	} catch {
+		return css;
+	}
 }
-function hasUtilityClassSelector(selector) {
-	return hasClassSelector(selector) && !isMiniProgramThemeScopeSelector(selector);
+//#endregion
+//#region src/bundlers/shared/generator-css.ts
+const SUPPORTED_GENERATOR_MAJOR_VERSIONS = new Set([3, 4]);
+const REMOTE_IMPORT_RE = /^(?:https?:)?\/\//i;
+function finalizeMiniProgramGeneratorCss(css, target) {
+	if (target !== "weapp") return css;
+	return finalizeMiniProgramCss(css);
 }
-function isCustomPropertyOnlyRule(rule) {
-	let hasDeclaration = false;
-	let allCustomProperties = true;
-	rule.each((node) => {
-		if (node.type !== "decl") return;
-		hasDeclaration = true;
-		if (!node.prop.startsWith("--")) allCustomProperties = false;
-	});
-	return hasDeclaration && allCustomProperties;
+function resolveGeneratorStyleOptions(opts, cssHandlerOptions, generatorStyleOptions) {
+	const tailwindV3StyleOptions = cssHandlerOptions.majorVersion === 3 ? {
+		cssPreflight: opts.cssPreflight,
+		cssPreflightRange: opts.cssPreflightRange
+	} : {};
+	return {
+		cssChildCombinatorReplaceValue: opts.cssChildCombinatorReplaceValue,
+		cssSelectorReplacement: opts.cssSelectorReplacement,
+		rem2rpx: opts.rem2rpx,
+		px2rpx: opts.px2rpx,
+		unitsToPx: opts.unitsToPx,
+		cssRemoveProperty: opts.cssRemoveProperty,
+		cssRemoveHoverPseudoClass: opts.cssRemoveHoverPseudoClass,
+		cssPresetEnv: opts.cssPresetEnv,
+		autoprefixer: opts.autoprefixer,
+		cssCalc: opts.cssCalc,
+		atRules: opts.atRules,
+		uniAppX: opts.uniAppX,
+		uniAppXCssTarget: opts.uniAppXCssTarget,
+		uniAppXUnsupported: opts.uniAppXUnsupported,
+		...cssHandlerOptions,
+		...tailwindV3StyleOptions,
+		...generatorStyleOptions
+	};
 }
-function isPseudoContentInitRule(rule) {
-	let hasDeclaration = false;
-	let onlyContentVariable = true;
-	rule.each((node) => {
-		if (node.type !== "decl") return;
-		hasDeclaration = true;
-		if (node.prop !== "--tw-content") onlyContentVariable = false;
-	});
-	return hasDeclaration && onlyContentVariable;
+function isLocalImportRequest(request) {
+	return request.length > 0 && !request.startsWith("tailwindcss") && !request.startsWith("weapp-tailwindcss") && !request.startsWith("data:") && !REMOTE_IMPORT_RE.test(request);
 }
-function collectGeneratedSelectors(css) {
-	const selectors = /* @__PURE__ */ new Set();
+function isPureLocalCssImportWrapper(css) {
+	let hasImport = false;
 	try {
-		postcss.parse(css).walkRules((rule) => {
-			if (isCustomPropertyOnlyRule(rule) && !isPseudoContentInitRule(rule) && !hasUtilityClassSelector(rule.selector)) return;
-			for (const selector of getRuleCompatSelectorKeys(rule)) selectors.add(selector);
-		});
+		const root = postcss.parse(css);
+		for (const node of root.nodes) {
+			if (node.type === "comment") continue;
+			if (node.type !== "atrule" || node.name !== "import") return false;
+			const request = parseImportRequest(node.params);
+			if (!request || !isLocalImportRequest(request)) return false;
+			hasImport = true;
+		}
 	} catch {
-		return selectors;
+		return false;
 	}
-	return selectors;
+	return hasImport;
 }
-function removeGeneratedSelectorCompatCss(css, generatedCss) {
-	const generatedSelectors = collectGeneratedSelectors(generatedCss);
-	if (generatedSelectors.size === 0) return css;
+function cleanLocalCssImportWrapperTailwindDirectives(css) {
+	let hasLocalImport = false;
+	let hasTailwindDirective = false;
 	try {
 		const root = postcss.parse(css);
-		let removed = false;
-		root.walkRules((rule) => {
-			if (isPseudoContentInitRule(rule)) {
-				rule.remove();
-				removed = true;
-				return;
+		for (const node of root.nodes) {
+			if (node.type === "comment") continue;
+			if (node.type === "atrule" && node.name === "import") {
+				const request = parseImportRequest(node.params);
+				if (!request || !isLocalImportRequest(request)) return;
+				hasLocalImport = true;
+				continue;
 			}
-			if (isCustomPropertyOnlyRule(rule) && !isPseudoContentInitRule(rule) && !hasUtilityClassSelector(rule.selector)) return;
-			if (getRuleCompatSelectorKeys(rule).some((selector) => generatedSelectors.has(selector))) {
-				rule.remove();
-				removed = true;
+			if (node.type === "atrule" && node.name === "source") {
+				hasTailwindDirective = true;
+				continue;
 			}
-		});
-		root.walkAtRules((atRule) => {
-			if (!atRule.nodes || atRule.nodes.length === 0) atRule.remove();
-		});
-		return removed ? root.toString() : css;
+			return;
+		}
 	} catch {
-		return css;
+		return;
 	}
+	return hasLocalImport && hasTailwindDirective ? prefixLocalCssImportsWithWebpackIgnore(removeTailwindSourceDirectives(css)) : void 0;
 }
-function collectDedupedPostTransformCompatCss(css, generatedCss) {
-	const generatedSelectors = collectGeneratedSelectors(generatedCss);
-	if (generatedSelectors.size === 0) return css;
-	const preservedNodes = [];
+function prefixLocalCssImportsWithWebpackIgnore(css) {
 	try {
 		const root = postcss.parse(css);
-		root.each((node) => {
-			if (node.type === "rule" && getRuleCompatSelectorKeys(node).some((selector) => generatedSelectors.has(selector))) {
-				if (isCustomPropertyOnlyRule(node) && !isPseudoContentInitRule(node) && !hasUtilityClassSelector(node.selector)) {
-					const declarationProps = /* @__PURE__ */ new Set();
-					node.walkDecls((decl) => {
-						declarationProps.add(decl.prop);
-					});
-					postcss.parse(generatedCss).walkRules((rule) => {
-						const nodeSelectors = new Set(getRuleCompatSelectorKeys(node));
-						if (!getRuleCompatSelectorKeys(rule).some((selector) => nodeSelectors.has(selector))) return;
-						rule.walkDecls((decl) => {
-							declarationProps.delete(decl.prop);
-						});
-					});
-					const nextRule = node.clone();
-					nextRule.walkDecls((decl) => {
-						if (!declarationProps.has(decl.prop)) decl.remove();
-					});
-					if (nextRule.nodes.length > 0) preservedNodes.push(nextRule);
-				}
-				return;
-			}
-			preservedNodes.push(node.clone());
+		root.walkAtRules("import", (atRule) => {
+			const request = parseImportRequest(atRule.params);
+			if (request && isLocalImportRequest(request)) atRule.raws.before = `${atRule.raws.before ?? ""}/* webpackIgnore: true */\n`;
 		});
-		if (preservedNodes.length === root.nodes.length) return css;
-		const nextRoot = postcss.root();
-		nextRoot.append(preservedNodes);
-		return nextRoot.toString();
+		return root.toString();
 	} catch {
 		return css;
 	}
 }
-async function appendLegacyCompatCss(css, rawSource, generatorTarget, styleHandler, cssHandlerOptions, generatorStyleOptions) {
-	const compatSource = removeGeneratedSelectorCompatCss(resolveLegacyCompatCssSource(rawSource), css);
-	if (compatSource.trim().length === 0) return css;
-	if (generatorTarget !== "weapp") return createCssAppend(css, compatSource);
-	const { css: compatCss } = await styleHandler(compatSource, {
-		...cssHandlerOptions,
-		...generatorStyleOptions
-	});
-	const cleanedCompatCss = collectDedupedPostTransformCompatCss(removeDuplicatedViteMarkers(removeUnsupportedMiniProgramAtRules(compatCss), css), css);
-	if (cleanedCompatCss.trim().length === 0) return css;
-	return createCssAppend(css, cleanedCompatCss);
-}
-async function appendLegacyContainerCompatCss(css, rawSource, file, runtime, configuredContainerCompat, generatorTarget, styleHandler, cssHandlerOptions, generatorStyleOptions) {
-	const compatSource = resolveLegacyCompatCssSource(rawSource);
-	const shouldAppendContainer = runtime.has("container") || hasConfiguredContainerCompat(rawSource, file, cssHandlerOptions) || configuredContainerCompat || collectGeneratedSelectors(compatSource).has(".container");
-	if (generatorTarget !== "weapp" || !shouldAppendContainer || collectGeneratedSelectors(css).has(".container")) return css;
-	const { css: compatCss } = await styleHandler(LEGACY_CONTAINER_COMPAT_CSS, {
-		...cssHandlerOptions,
-		...generatorStyleOptions
-	});
-	const cleanedCompatCss = collectDedupedPostTransformCompatCss(removeUnsupportedMiniProgramAtRules(compatCss), css);
-	if (cleanedCompatCss.trim().length === 0) return css;
-	return createCssAppend(css, cleanedCompatCss);
-}
 async function generateCssByGenerator(options) {
 	const { opts, runtimeState, runtime, rawSource, file, cssHandlerOptions, cssUserHandlerOptions, styleHandler, debug } = options;
 	const generatorOptions = normalizeWeappTailwindcssGeneratorOptions(opts.generator);
 	const majorVersion = runtimeState.twPatcher.majorVersion;
+	const cleanedLocalImportWrapper = cleanLocalCssImportWrapperTailwindDirectives(rawSource);
+	if (cleanedLocalImportWrapper !== void 0) return {
+		css: generatorOptions.target === "weapp" ? removeUnsupportedMiniProgramAtRules(cleanedLocalImportWrapper) : cleanedLocalImportWrapper,
+		target: generatorOptions.target,
+		source: "generator",
+		dependencies: []
+	};
 	if (isPureLocalCssImportWrapper(rawSource)) return;
 	const hasGeneratedCss = hasTailwindGeneratedCss(rawSource);
 	const hasSourceDirectives = hasTailwindSourceDirectives(rawSource);
 	const hasGeneratedMarkers = hasTailwindGeneratedCssMarkers(rawSource);
-	const shouldForceGenerateCurrentCss = hasGeneratedCss || hasGeneratedMarkers || hasSourceDirectives || cssHandlerOptions.isMainChunk;
-	const shouldAutoGenerateCurrentCss = hasGeneratedCss || hasGeneratedMarkers || hasSourceDirectives;
-	if (generatorOptions.mode === "off" || !SUPPORTED_GENERATOR_MAJOR_VERSIONS.has(majorVersion ?? 0) || (generatorOptions.mode === "force" ? !shouldForceGenerateCurrentCss : !shouldAutoGenerateCurrentCss) || generatorOptions.mode === "force" && majorVersion === 3 && !hasSourceDirectives && !hasGeneratedCss && !hasGeneratedMarkers || generatorOptions.mode !== "force" && majorVersion === 3) return;
+	const shouldGenerateCurrentCss = hasGeneratedCss || hasGeneratedMarkers || hasSourceDirectives || cssHandlerOptions.isMainChunk;
+	if (!SUPPORTED_GENERATOR_MAJOR_VERSIONS.has(majorVersion ?? 0) || !shouldGenerateCurrentCss || majorVersion === 3 && !hasSourceDirectives && !hasGeneratedCss && !hasGeneratedMarkers) return;
 	try {
-		await runtimeState.patchPromise;
-		const sources = await resolveGeneratorSources(majorVersion, runtimeState, rawSource, file, cssHandlerOptions);
+		await runtimeState.readyPromise;
+		const sources = await resolveGeneratorSources(majorVersion, runtimeState, rawSource, file, cssHandlerOptions, generatorOptions);
 		const generatorStyleOptions = resolveGeneratorStyleOptions(opts, cssHandlerOptions, generatorOptions.styleOptions);
 		const configuredContainerCompat = hasConfiguredContainerCompatSources(sources);
 		const generatedResults = await Promise.all(sources.map(async (source) => {
 			return createWeappTailwindcssGenerator(source).generate({
 				candidates: runtime,
-				scanSources: false,
+				scanSources: majorVersion === 4,
 				styleOptions: generatorStyleOptions,
 				tailwindcssV3Compatibility: generatorOptions.tailwindcssV3Compatibility,
 				target: generatorOptions.target
@@ -1057,7 +1225,8 @@ async function generateCssByGenerator(options) {
 					if (extraSource.trim().length === 0) return {
 						css: finalizeMiniProgramGeneratorCss(css, generated.target),
 						target: generated.target,
-						source: "generator"
+						source: "generator",
+						dependencies: generated.dependencies
 					};
 					if (generated.target === "weapp") {
 						const { css: userCss } = await styleHandler(extraSource, {
@@ -1068,14 +1237,15 @@ async function generateCssByGenerator(options) {
 					} else css = createCssAppend(css, extraSource);
 				}
 			}
-			if (generated.target === "weapp" && generatorOptions.mode === "force") {
+			if (generated.target === "weapp") {
 				css = await appendLegacyCompatCss(css, rawSource, generated.target, styleHandler, cssHandlerOptions, generatorStyleOptions);
 				css = await appendLegacyContainerCompatCss(css, rawSource, file, runtime, configuredContainerCompat, generated.target, styleHandler, cssHandlerOptions, generatorStyleOptions);
 			}
 			return {
 				css: finalizeMiniProgramGeneratorCss(css, generated.target),
 				target: generated.target,
-				source: "generator"
+				source: "generator",
+				dependencies: generated.dependencies
 			};
 		}
 		debug("tailwind direct css generation prefix mismatch, append transformed bundle css %s", file);
@@ -1086,12 +1256,30 @@ async function generateCssByGenerator(options) {
 		return {
 			css: finalizeMiniProgramGeneratorCss(css, generated.target),
 			target: generated.target,
-			source: generatorOptions.mode === "force" ? "generator-forced" : "generator"
+			source: "generator",
+			dependencies: generated.dependencies
 		};
 	} catch (error) {
-		if (generatorOptions.mode === "force") throw error;
-		debug("tailwind direct css generation failed, fallback to styleHandler: %s %O", file, error);
+		debug("tailwind direct css generation failed: %s %O", file, error);
+		throw error;
 	}
 }
+async function validateCandidatesByGenerator(options) {
+	const { candidates, cssHandlerOptions, debug, file, opts, rawSource, runtimeState } = options;
+	const majorVersion = runtimeState.twPatcher.majorVersion;
+	if (!SUPPORTED_GENERATOR_MAJOR_VERSIONS.has(majorVersion ?? 0) || candidates.size === 0) return /* @__PURE__ */ new Set();
+	const sources = await resolveGeneratorSources(majorVersion, runtimeState, rawSource, file, cssHandlerOptions, normalizeWeappTailwindcssGeneratorOptions(opts.generator));
+	const classSets = await Promise.all(sources.map(async (source) => {
+		const generator = createWeappTailwindcssGenerator(source);
+		if (typeof generator.validateCandidates === "function") return generator.validateCandidates(candidates);
+		return (await generator.generate({
+			candidates,
+			target: "tailwind"
+		})).classSet;
+	}));
+	const classSet = new Set(classSets.flatMap((item) => [...item]));
+	debug("tailwind generator validated candidates: %s candidates=%d classSet=%d", file, candidates.size, classSet.size);
+	return classSet;
+}
 //#endregion
-export { processCachedTask as i, hasTailwindGeneratedCssMarkers as n, hasTailwindSourceDirectives as r, generateCssByGenerator as t };
+export { processCachedTask as a, hasTailwindGeneratedCssMarkers as i, validateCandidatesByGenerator as n, hasTailwindSourceDirectives as r, generateCssByGenerator as t };