weapp-tailwindcss 5.1.9 → 5.1.11

package/dist/{webpack-BhM4Hqla.js → webpack-XxBCIrBp.js}

@@ -1,11 +1,11 @@
 const require_rolldown_runtime = require("./rolldown-runtime-emK7D4bc.js");
-const require_v4_engine = require("./v4-engine-BZP2462H.js");
-const require_generator = require("./generator-DaaFxR5V.js");
+const require_generator = require("./generator-Bz94KTkH.js");
 const require_utils = require("./utils-D3h8j7Mk.js");
-const require_context = require("./context-CRhUs_5e.js");
-const require_tailwindcss = require("./tailwindcss-BZjZZi60.js");
-const require_hmr_timing = require("./hmr-timing-DcIEXnf8.js");
-const require_source_candidate_scan_signature = require("./source-candidate-scan-signature-10tvdJVC.js");
+const require_context = require("./context-y2BGCok4.js");
+const require_defaults = require("./defaults-nsf4VNMX.js");
+const require_tailwindcss = require("./tailwindcss-Dn5DVlkI.js");
+const require_hmr_timing = require("./hmr-timing-DOTdH18A.js");
+const require_source_candidate_scan_signature = require("./source-candidate-scan-signature-BrWuBTjY.js");
 let node_fs = require("node:fs");
 node_fs = require_rolldown_runtime.__toESM(node_fs);
 let node_path = require("node:path");
@@ -13,11 +13,11 @@ node_path = require_rolldown_runtime.__toESM(node_path);
 let node_process = require("node:process");
 node_process = require_rolldown_runtime.__toESM(node_process);
 let _weapp_tailwindcss_postcss = require("@weapp-tailwindcss/postcss");
+let node_module = require("node:module");
+node_module = require_rolldown_runtime.__toESM(node_module);
 let node_fs_promises = require("node:fs/promises");
 let micromatch = require("micromatch");
 micromatch = require_rolldown_runtime.__toESM(micromatch);
-let node_module = require("node:module");
-node_module = require_rolldown_runtime.__toESM(node_module);
 let _weapp_core_escape = require("@weapp-core/escape");
 let _weapp_tailwindcss_shared_node = require("@weapp-tailwindcss/shared/node");
 //#region src/bundlers/webpack/BaseUnifiedPlugin/shared.ts
@@ -149,6 +149,99 @@ function isWebpackCssLoaderRuntimeSource(source) {
 //#endregion
 //#region src/bundlers/webpack/BaseUnifiedPlugin/v5-assets/pipeline-helpers.ts
 const WEBPACK_CSS_HANDLER_OPTIONS_CACHE_MAX = 128;
+function resolveConfiguredWebpackCssPreflight(compilerOptions, styleOptions) {
+	return styleOptions.cssPreflight ?? compilerOptions.cssPreflight ?? require_defaults.getDefaultCssPreflight();
+}
+function resolveExistingWebpackCssPreflight(compilerOptions, styleOptions, source) {
+	return hasMiniProgramPreflightSelector(source) ? resolveConfiguredWebpackCssPreflight(compilerOptions, styleOptions) : void 0;
+}
+function removeMiniProgramPreflightSelectorRule(source) {
+	try {
+		const root = _weapp_tailwindcss_postcss.postcss.parse(source);
+		let changed = false;
+		root.walkRules((rule) => {
+			const selectors = new Set((rule.selectors ?? [rule.selector]).map((selector) => selector.trim().replace(/^:before$/, "::before").replace(/^:after$/, "::after")));
+			if (selectors.has("view") && selectors.has("text") && selectors.has("::before") && selectors.has("::after")) {
+				rule.remove();
+				changed = true;
+			}
+		});
+		return changed ? root.toString() : source;
+	} catch {
+		return source.replace(/(?:^|[}\s])\s*view\s*,\s*text\s*,\s*::after\s*,\s*::before\s*\{[^}]*\}/g, "");
+	}
+}
+function dedupeMiniProgramPreflightSelectorRules(source) {
+	try {
+		const root = _weapp_tailwindcss_postcss.postcss.parse(source);
+		let firstRule;
+		let changed = false;
+		root.walkRules((rule) => {
+			const selectors = new Set((rule.selectors ?? [rule.selector]).map((selector) => selector.trim().replace(/^:before$/, "::before").replace(/^:after$/, "::after")));
+			if (!selectors.has("view") || !selectors.has("text") || !selectors.has("::before") || !selectors.has("::after")) return;
+			if (!firstRule) {
+				firstRule = rule;
+				return;
+			}
+			const existingProps = /* @__PURE__ */ new Set();
+			firstRule.walkDecls((decl) => {
+				existingProps.add(decl.prop);
+			});
+			rule.walkDecls((decl) => {
+				if (!existingProps.has(decl.prop)) {
+					firstRule?.append(decl.clone());
+					existingProps.add(decl.prop);
+				}
+			});
+			rule.remove();
+			changed = true;
+		});
+		return changed ? root.toString() : source;
+	} catch {
+		return source;
+	}
+}
+function hasMiniProgramPreflightSelector(source) {
+	try {
+		let found = false;
+		_weapp_tailwindcss_postcss.postcss.parse(source).walkRules((rule) => {
+			const selectors = new Set((rule.selectors ?? [rule.selector]).map((selector) => selector.trim().replace(/^:before$/, "::before").replace(/^:after$/, "::after")));
+			if (selectors.has("view") && selectors.has("text") && selectors.has("::before") && selectors.has("::after")) {
+				found = true;
+				return false;
+			}
+		});
+		return found;
+	} catch {
+		return /(?:^|[},])\s*view\s*,\s*text\s*,\s*::after\s*,\s*::before\s*\{/.test(source);
+	}
+}
+function ensureWebpackMiniProgramTwContentInit(source) {
+	if (!source.includes("var(--tw-content)")) return source;
+	try {
+		const root = _weapp_tailwindcss_postcss.postcss.parse(source);
+		let changed = false;
+		root.walkRules((rule) => {
+			const selectors = new Set((rule.selectors ?? [rule.selector]).map((selector) => selector.trim().replace(/^:before$/, "::before").replace(/^:after$/, "::after")));
+			if (!selectors.has("view") || !selectors.has("text") || !selectors.has("::before") || !selectors.has("::after")) return;
+			let hasContentInit = false;
+			rule.walkDecls("--tw-content", () => {
+				hasContentInit = true;
+			});
+			if (!hasContentInit) {
+				rule.append(_weapp_tailwindcss_postcss.postcss.decl({
+					prop: "--tw-content",
+					value: "''"
+				}));
+				changed = true;
+			}
+			return false;
+		});
+		return changed ? root.toString() : source;
+	} catch {
+		return source;
+	}
+}
 function removeTailwindV4StandaloneHostPreflightRule(source) {
 	if (!source.includes("--theme(")) return source;
 	try {
@@ -216,7 +309,7 @@ function pruneWebpackCssHandlerOptionCaches(cssHandlerOptionsCache, cssUserHandl
 }
 function resolveWebpackGeneratorRawSource(rawSource, cssHandlerOptions) {
 	const sourceCss = cssHandlerOptions.sourceOptions?.sourceCss;
-	if (sourceCss && (require_v4_engine.hasTailwindRootDirectives(sourceCss, { importFallback: true }) || require_v4_engine.hasTailwindSourceDirectives(sourceCss, { importFallback: true }) || require_v4_engine.hasTailwindApplyDirective(sourceCss) || require_v4_engine.hasTailwindGeneratedCss(sourceCss) || require_v4_engine.hasTailwindGeneratedCssMarkers(sourceCss))) return sourceCss;
+	if (sourceCss && (require_generator.hasTailwindRootDirectives(sourceCss, { importFallback: true }) || require_generator.hasTailwindSourceDirectives(sourceCss, { importFallback: true }) || require_generator.hasTailwindApplyDirective(sourceCss) || require_generator.hasTailwindGeneratedCss(sourceCss) || require_generator.hasTailwindGeneratedCssMarkers(sourceCss))) return sourceCss;
 	return rawSource;
 }
 function shouldConsumeWebpackLoaderGeneratedCss(options) {
@@ -276,7 +369,7 @@ function hasProcessedCssAssetUrl(css) {
 }
 function shouldUseWebpackAssetAsGeneratorUserCss(rawSource, generatorRawSource, options = {}) {
 	const rawMarkers = collectWebpackAssetUserCssMarkers(rawSource);
-	return rawSource !== generatorRawSource && (options.processed === true || !rawSource.includes("data:")) && !require_v4_engine.hasTailwindRootDirectives(rawSource, { importFallback: true }) && !require_v4_engine.hasTailwindSourceDirectives(rawSource, { importFallback: true }) && !require_v4_engine.hasTailwindApplyDirective(rawSource) && rawMarkers.size > 0 && !isOnlyWebpackTailwindGeneratedPreflightCss(rawSource) && (!require_v4_engine.hasTailwindGeneratedCssMarkers(rawSource) || hasAdditionalWebpackAssetUserCssMarkers(rawSource, generatorRawSource));
+	return rawSource !== generatorRawSource && (options.processed === true || !rawSource.includes("data:")) && !require_generator.hasTailwindRootDirectives(rawSource, { importFallback: true }) && !require_generator.hasTailwindSourceDirectives(rawSource, { importFallback: true }) && !require_generator.hasTailwindApplyDirective(rawSource) && rawMarkers.size > 0 && !isOnlyWebpackTailwindGeneratedPreflightCss(rawSource) && (!require_generator.hasTailwindGeneratedCssMarkers(rawSource) || hasAdditionalWebpackAssetUserCssMarkers(rawSource, generatorRawSource));
 }
 function collectWebpackAssetUserCssMarkers(source) {
 	const markers = /* @__PURE__ */ new Set();
@@ -311,7 +404,7 @@ function isWebpackKeyframesRule(rule) {
 }
 function collectWebpackBareSelectorUserCss(source) {
 	try {
-		const root = _weapp_tailwindcss_postcss.postcss.parse(require_v4_engine.removeTailwindSourceDirectives(require_v4_engine.stripTailwindSourceMediaFragments(require_v4_engine.removeTailwindV4GeneratorAtRules(source)), { importFallback: true }));
+		const root = _weapp_tailwindcss_postcss.postcss.parse(require_generator.removeTailwindSourceDirectives(require_generator.stripTailwindSourceMediaFragments(require_generator.removeTailwindV4GeneratorAtRules(source)), { importFallback: true }));
 		let changed = false;
 		root.walkAtRules((rule) => {
 			if (rule.name === "import" || rule.name === "font-face" || rule.name.endsWith("keyframes")) {
@@ -368,7 +461,7 @@ function parseWebpackCssLayerNames(params) {
 	return params.split(",").map((name) => name.trim()).filter(Boolean);
 }
 function removeWebpackTailwindGeneratedAssetCss(source) {
-	const cleaned = require_v4_engine.removeTailwindV4GeneratedUserCssArtifacts(source);
+	const cleaned = require_generator.removeTailwindV4GeneratedUserCssArtifacts(source);
 	try {
 		const root = _weapp_tailwindcss_postcss.postcss.parse(cleaned);
 		let changed = false;
@@ -524,7 +617,7 @@ function unescapeCssIdentifier(value) {
 }
 function collectGeneratedCssRuntimeCandidates(source) {
 	const candidates = /* @__PURE__ */ new Set();
-	if (require_source_candidate_scan_signature.hasBundlerGeneratedCssMarker(source) || !require_v4_engine.hasTailwindGeneratedCss(source) && !require_v4_engine.hasTailwindGeneratedCssMarkers(source)) return candidates;
+	if (require_source_candidate_scan_signature.hasBundlerGeneratedCssMarker(source) || !require_generator.hasTailwindGeneratedCss(source) && !require_generator.hasTailwindGeneratedCssMarkers(source)) return candidates;
 	try {
 		_weapp_tailwindcss_postcss.postcss.parse(source).walkRules((rule) => {
 			for (const selector of rule.selectors) for (const match of selector.matchAll(/\.((?:\\.|[\w\u00A0-\uFFFF-])(?:\\.|[\w\u00A0-\uFFFF-])*)/g)) {
@@ -543,7 +636,7 @@ function hasAdditionalWebpackAssetUserCssMarkers(rawSource, generatorRawSource)
 	return false;
 }
 function hasWebpackTailwindSourceDirectives(source) {
-	return Boolean(source) && (require_v4_engine.hasTailwindRootDirectives(source, { importFallback: true }) || require_v4_engine.hasTailwindSourceDirectives(source, { importFallback: true }) || require_v4_engine.hasTailwindApplyDirective(source) || require_v4_engine.hasTailwindGeneratedCss(source) || require_v4_engine.hasTailwindGeneratedCssMarkers(source));
+	return Boolean(source) && (require_generator.hasTailwindRootDirectives(source, { importFallback: true }) || require_generator.hasTailwindSourceDirectives(source, { importFallback: true }) || require_generator.hasTailwindApplyDirective(source) || require_generator.hasTailwindGeneratedCss(source) || require_generator.hasTailwindGeneratedCssMarkers(source));
 }
 function isWebpackTailwindImportRequest(request) {
 	return request === "tailwindcss" || request === "tailwindcss4" || request?.startsWith("tailwindcss/") || request?.startsWith("tailwindcss4/") || request === "weapp-tailwindcss" || request?.startsWith("weapp-tailwindcss/");
@@ -554,7 +647,7 @@ function removeWebpackGeneratorNonTailwindImports(source) {
 		const root = _weapp_tailwindcss_postcss.postcss.parse(source);
 		let changed = false;
 		root.walkAtRules("import", (rule) => {
-			if (isWebpackTailwindImportRequest(require_v4_engine.parseImportRequest(rule.params))) return;
+			if (isWebpackTailwindImportRequest(require_generator.parseImportRequest(rule.params))) return;
 			rule.remove();
 			changed = true;
 		});
@@ -655,7 +748,7 @@ function resolveWebpackMemoryDebugStats(context) {
 			maxHandlerOptions: WEBPACK_CSS_HANDLER_OPTIONS_CACHE_MAX
 		},
 		sourceCandidateScan: context.sourceCandidateScan,
-		tailwind: { v4: require_v4_engine.getTailwindV4IncrementalGenerateCacheStats() }
+		tailwind: { v4: require_generator.getTailwindV4IncrementalGenerateCacheStats() }
 	};
 }
 function shouldInjectWebpackCssTracePreflight(_appType, cssHandlerOptions) {
@@ -672,7 +765,7 @@ function includesTailwindPreflightImport(source) {
 				return;
 			}
 			if (rule.name !== "import") return;
-			const request = require_v4_engine.parseImportRequest(rule.params)?.replaceAll("\\", "/");
+			const request = require_generator.parseImportRequest(rule.params)?.replaceAll("\\", "/");
 			includesPreflight || (includesPreflight = request === "tailwindcss" || request === "tailwindcss/preflight.css" || request?.endsWith("/tailwindcss/index.css") === true || request?.endsWith("/tailwindcss/preflight.css") === true);
 		});
 		return includesPreflight;
@@ -683,14 +776,14 @@ function includesTailwindPreflightImport(source) {
 function finalizeMiniProgramUserCssAssetSource(source, compilerOptions, isWebGeneratorTarget, options = {}) {
 	const styleOptions = require_context.resolveStyleOptionsFromContext(compilerOptions);
 	if (isWebGeneratorTarget) return source;
-	return (0, _weapp_tailwindcss_postcss.stripMiniProgramCssSpecificityPlaceholders)(removeTailwindV4StandaloneHostPreflightRule((0, _weapp_tailwindcss_postcss.finalizeMiniProgramCss)(require_v4_engine.removeMiniProgramHoverSelectors(source, styleOptions.cssRemoveHoverPseudoClass), {
-		cssPreflight: options.cssPreflight === false ? false : !require_hmr_timing.hasMiniProgramTailwindV4PreflightReset(source) ? compilerOptions.cssPreflight : void 0,
+	return (0, _weapp_tailwindcss_postcss.stripMiniProgramCssSpecificityPlaceholders)(removeTailwindV4StandaloneHostPreflightRule((0, _weapp_tailwindcss_postcss.finalizeMiniProgramCss)(require_generator.removeMiniProgramHoverSelectors(source, styleOptions.cssRemoveHoverPseudoClass), {
+		cssPreflight: options.cssPreflight === false ? false : !require_hmr_timing.hasMiniProgramTailwindV4PreflightReset(source) ? resolveConfiguredWebpackCssPreflight(compilerOptions, styleOptions) : void 0,
 		isTailwindcssV4: true,
 		tailwindcssV4GradientFallback: styleOptions.tailwindcssV4GradientFallback
 	})));
 }
 function shouldFallbackToWebpackUserCssOnGeneratorError(options) {
-	return !require_v4_engine.hasTailwindRootDirectives(options.generatorRawSource, { importFallback: true }) && !require_v4_engine.hasTailwindSourceDirectives(options.generatorRawSource, { importFallback: true }) && !require_v4_engine.hasTailwindApplyDirective(options.generatorRawSource) && !options.hasExplicitTailwindV4SourceCss && options.configuredMainCssEntryFilesLength === 0;
+	return !require_generator.hasTailwindRootDirectives(options.generatorRawSource, { importFallback: true }) && !require_generator.hasTailwindSourceDirectives(options.generatorRawSource, { importFallback: true }) && !require_generator.hasTailwindApplyDirective(options.generatorRawSource) && !options.hasExplicitTailwindV4SourceCss && options.configuredMainCssEntryFilesLength === 0;
 }
 function isWindowsAbsoluteResourcePath(file) {
 	return /^[a-z]:[\\/]/i.test(file) || /^[/\\]{2}[^/\\]/.test(file);
@@ -749,27 +842,47 @@ function createWebpackCurrentAssetUserRawSource(options) {
 	};
 }
 function finalizeTracedWebpackCssAsset(css, cssHandlerOptions, options) {
-	const traced = options.annotateCss(css);
-	if (options.isWebGeneratorTarget || !require_hmr_timing.isCssSourceTraceEnabled(options.compilerOptions)) return traced;
-	return finalizeMiniProgramUserCssAssetSource(traced, options.compilerOptions, options.isWebGeneratorTarget, { cssPreflight: shouldInjectWebpackCssTracePreflight(options.compilerOptions.appType, cssHandlerOptions) });
+	if (options.finalized === true) return options.annotateCss(css);
+	if (options.isWebGeneratorTarget || !require_hmr_timing.isCssSourceTraceEnabled(options.compilerOptions)) return options.annotateCss(css);
+	const finalized = finalizeMiniProgramUserCssAssetSource(css, options.compilerOptions, options.isWebGeneratorTarget, { cssPreflight: shouldInjectWebpackCssTracePreflight(options.compilerOptions.appType, cssHandlerOptions) });
+	return options.annotateCss(finalized);
 }
 function finalizeWebpackCssAssetSource(source, compilerOptions, isWebGeneratorTarget, options = {}) {
 	const styleOptions = require_context.resolveStyleOptionsFromContext(compilerOptions);
 	if (isWebGeneratorTarget) {
-		if (options.generatedCss === true) return stripTrailingLineWhitespace(require_v4_engine.stripUnmatchedTailwindSourceMediaCloseFragments(require_v4_engine.stripTailwindSourceMediaFragments(require_source_candidate_scan_signature.stripBundlerGeneratedCssMarkers(source))));
-		return stripTrailingLineWhitespace(require_v4_engine.stripUnmatchedTailwindSourceMediaCloseFragments(require_v4_engine.stripTailwindSourceMediaFragments(require_v4_engine.removeTailwindV4GeneratorAtRules(require_v4_engine.removeTailwindSourceDirectives(require_source_candidate_scan_signature.stripBundlerGeneratedCssMarkers(source), { importFallback: true })))));
+		if (options.generatedCss === true) return stripTrailingLineWhitespace(require_generator.stripUnmatchedTailwindSourceMediaCloseFragments(require_generator.stripTailwindSourceMediaFragments(require_source_candidate_scan_signature.stripBundlerGeneratedCssMarkers(source))));
+		return stripTrailingLineWhitespace(require_generator.stripUnmatchedTailwindSourceMediaCloseFragments(require_generator.stripTailwindSourceMediaFragments(require_generator.removeTailwindV4GeneratorAtRules(require_generator.removeTailwindSourceDirectives(require_source_candidate_scan_signature.stripBundlerGeneratedCssMarkers(source), { importFallback: true })))));
+	}
+	let finalized = require_generator.removeTailwindSourceDirectives(require_source_candidate_scan_signature.stripBundlerGeneratedCssMarkers(source), { importFallback: true });
+	if (options.generatedCss !== true) {
+		finalized = (0, _weapp_tailwindcss_postcss.finalizeMiniProgramCss)(finalized, {
+			cssPreflight: false,
+			isTailwindcssV4: true,
+			tailwindcssV4GradientFallback: styleOptions.tailwindcssV4GradientFallback
+		});
+		finalized = dedupeMiniProgramPreflightSelectorRules(finalized);
+		return (0, _weapp_tailwindcss_postcss.stripMiniProgramCssSpecificityPlaceholders)(require_generator.removeMiniProgramHoverSelectors(finalized, styleOptions.cssRemoveHoverPseudoClass));
 	}
-	let finalized = require_v4_engine.removeTailwindSourceDirectives(require_source_candidate_scan_signature.stripBundlerGeneratedCssMarkers(source), { importFallback: true });
-	if (options.generatedCss !== true) return (0, _weapp_tailwindcss_postcss.stripMiniProgramCssSpecificityPlaceholders)(require_v4_engine.removeMiniProgramHoverSelectors(finalized, styleOptions.cssRemoveHoverPseudoClass));
 	try {
 		finalized = (0, _weapp_tailwindcss_postcss.pruneMiniProgramGeneratedCss)(finalized, { preservePreflight: options.cssPreflight !== false });
 	} catch {}
+	const shouldRemoveExistingPreflight = options.cssPreflight === false && options.preserveExistingPreflight === false;
+	if (shouldRemoveExistingPreflight) finalized = removeMiniProgramPreflightSelectorRule(finalized);
+	const hasExistingMiniProgramPreflight = options.preserveExistingPreflight !== false && hasMiniProgramPreflightSelector(source);
 	finalized = (0, _weapp_tailwindcss_postcss.finalizeMiniProgramCss)(finalized, {
-		cssPreflight: options.cssPreflight === false ? false : !require_hmr_timing.hasMiniProgramTailwindV4PreflightReset(finalized) ? compilerOptions.cssPreflight : void 0,
+		cssPreflight: options.cssPreflight === false && !hasExistingMiniProgramPreflight ? false : !require_hmr_timing.hasMiniProgramTailwindV4PreflightReset(finalized) ? resolveExistingWebpackCssPreflight(compilerOptions, styleOptions, source) : void 0,
 		isTailwindcssV4: true,
 		tailwindcssV4GradientFallback: styleOptions.tailwindcssV4GradientFallback
 	});
-	return (0, _weapp_tailwindcss_postcss.stripMiniProgramCssSpecificityPlaceholders)(require_v4_engine.removeMiniProgramHoverSelectors(finalized, styleOptions.cssRemoveHoverPseudoClass));
+	finalized = ensureWebpackMiniProgramTwContentInit(finalized);
+	if (shouldRemoveExistingPreflight) finalized = removeMiniProgramPreflightSelectorRule(finalized);
+	else finalized = dedupeMiniProgramPreflightSelectorRules(finalized);
+	return (0, _weapp_tailwindcss_postcss.stripMiniProgramCssSpecificityPlaceholders)(require_generator.removeMiniProgramHoverSelectors(finalized, styleOptions.cssRemoveHoverPseudoClass));
+}
+function finalizeWebpackCssAssetOutputSource(source, compilerOptions, isWebGeneratorTarget) {
+	if (isWebGeneratorTarget) return source;
+	const styleOptions = require_context.resolveStyleOptionsFromContext(compilerOptions);
+	return (0, _weapp_tailwindcss_postcss.stripMiniProgramCssSpecificityPlaceholders)(require_generator.removeMiniProgramHoverSelectors(dedupeMiniProgramPreflightSelectorRules(source), styleOptions.cssRemoveHoverPseudoClass));
 }
 function collectWebpackJsRuntimeCandidatesFromAssets(options) {
 	if (options.isWebGeneratorTarget) return;
@@ -830,22 +943,62 @@ function collectWebpackCssTokenSourceRefs(source) {
 	}
 	return refs;
 }
+function readWebpackCompilationAssetSource(compilation, file) {
+	const source = compilation.getAsset?.(file)?.source?.source?.();
+	if (source === void 0) return;
+	return typeof source === "string" ? source : source.toString();
+}
+function resolveWebpackCssImportFile(file, request) {
+	if (/^(?:https?:)?\/\//i.test(request) || request.startsWith("/")) return;
+	if (!/\.(?:css|wxss|acss|ttss|qss|jxss|tyss)(?:$|[?#])/i.test(request)) return;
+	const cleanRequest = request.replace(/[?#].*$/, "");
+	return normalizeWebpackCssSourceRef(node_path.default.posix.join(node_path.default.posix.dirname(normalizeWebpackCssSourceRef(file)), cleanRequest));
+}
+function collectCssImportRequests(source) {
+	return [...source.matchAll(/@import\s+(?:url\(\s*)?(?:"([^"]+)"|'([^']+)'|([^\s;)]+))/g)].map((match) => match[1] ?? match[2] ?? match[3]).filter((request) => typeof request === "string" && request.length > 0);
+}
+function collectMainImportedCssFiles(compilation, cssAssetFiles, cssMatcher, isMainCssFile) {
+	const files = /* @__PURE__ */ new Set();
+	const candidates = new Set(cssAssetFiles);
+	for (const chunk of compilation.chunks) for (const file of chunk.files ?? []) candidates.add(file);
+	for (const file of candidates) {
+		if (!cssMatcher(file) || !isMainCssFile(file)) continue;
+		const source = readWebpackCompilationAssetSource(compilation, file);
+		if (!source?.includes("@import")) continue;
+		for (const request of collectCssImportRequests(source)) {
+			const importedFile = resolveWebpackCssImportFile(file, request);
+			if (importedFile) files.add(importedFile);
+		}
+	}
+	return files;
+}
 function createWebpackCssSourceResolvers(options) {
-	const { activeWebpackAssetResourceFiles, appType, compilerOptions, compilation, cssAssetResources, cssHandlerOptionsCache, cssSources, cssUserHandlerOptionsCache, groupedCssEntriesLength, singleCssAssetFile, isWebGeneratorTarget, outputDir, runtimeState } = options;
+	const { activeWebpackAssetResourceFiles, appType, compilerOptions, compilation, cssAssetFiles, cssAssetResources, cssHandlerOptionsCache, cssSources, cssUserHandlerOptionsCache, groupedCssEntriesLength, singleCssAssetFile, isWebGeneratorTarget, outputDir, runtimeState } = options;
 	const hasConfiguredTailwindV4SourceRoots = () => {
-		const tailwindOptions = require_v4_engine.resolveTailwindcssOptions(runtimeState.tailwindRuntime.options);
+		const tailwindOptions = require_generator.resolveTailwindcssOptions(runtimeState.tailwindRuntime.options);
 		return (tailwindOptions?.v4?.cssEntries?.length ?? 0) > 0 || (tailwindOptions?.v4?.cssSources?.length ?? 0) > 0;
 	};
 	const configuredCssEntryFiles = (() => {
-		const tailwindOptions = require_v4_engine.resolveTailwindcssOptions(runtimeState.tailwindRuntime.options);
+		const tailwindOptions = require_generator.resolveTailwindcssOptions(runtimeState.tailwindRuntime.options);
 		const entries = [...compilerOptions.cssEntries ?? [], ...tailwindOptions?.v4?.cssEntries ?? []].filter((file) => typeof file === "string" && file.length > 0).map((file) => node_path.default.resolve(file));
 		return [...new Set(entries)];
 	})();
 	const configuredMainCssEntryFiles = configuredCssEntryFiles.slice(0, 1);
-	const inferredMainCssFiles = inferWebpackMainCssFiles(compilation.chunks, compilerOptions.cssMatcher, {
+	const scoreCssSourceOutputMatch = (file, sourceFile) => require_hmr_timing.scoreTailwindV4CssSourceFileMatch(file, sourceFile, {
+		outputRoot: outputDir,
+		projectRoot: compilerOptions.tailwindcssBasedir,
+		cwd: compilerOptions.tailwindcssBasedir
+	});
+	const isConfiguredMainCssEntryFile = (sourceFile) => configuredMainCssEntryFiles.some((entry) => node_path.default.resolve(entry) === node_path.default.resolve(sourceFile));
+	const isCssSourceAllowedForOutput = (file, sourceFile) => !isConfiguredMainCssEntryFile(sourceFile) || scoreCssSourceOutputMatch(file, sourceFile) > 0;
+	const inferredMainCssFiles = new Set([...inferWebpackMainCssFiles(compilation.chunks, compilerOptions.cssMatcher, {
 		mainSourceFiles: new Set(configuredMainCssEntryFiles),
 		resourcesByAsset: cssAssetResources
-	});
+	})].filter((file) => {
+		if (configuredMainCssEntryFiles.length === 0) return true;
+		return [...cssAssetResources.get(file) ?? []].some((resource) => isConfiguredMainCssEntryFile(resource) && isCssSourceAllowedForOutput(file, resource));
+	}));
+	const mainImportedCssFiles = collectMainImportedCssFiles(compilation, cssAssetFiles, compilerOptions.cssMatcher, (file) => compilerOptions.mainCssChunkMatcher(file, appType) || inferredMainCssFiles.has(file));
 	const singleConfiguredCssAsset = isWebGeneratorTarget && configuredMainCssEntryFiles.length > 0 && groupedCssEntriesLength === 1 ? singleCssAssetFile : void 0;
 	const isMainCssChunk = (file) => {
 		const resources = cssAssetResources.get(file);
@@ -854,7 +1007,7 @@ function createWebpackCssSourceResolvers(options) {
 			if (index >= 0) return index === 0;
 		}
 		if (configuredCssEntryFiles.length > 1) return false;
-		return compilerOptions.mainCssChunkMatcher(file, appType) || inferredMainCssFiles.has(file) || file === singleConfiguredCssAsset;
+		return compilerOptions.mainCssChunkMatcher(file, appType) || inferredMainCssFiles.has(file) || mainImportedCssFiles.has(normalizeWebpackCssSourceRef(file)) || file === singleConfiguredCssAsset;
 	};
 	const activeWebpackCssSourceFiles = /* @__PURE__ */ new Set();
 	const resolveConfiguredMainCssSourceFile = (file) => {
@@ -870,14 +1023,14 @@ function createWebpackCssSourceResolvers(options) {
 		const assetResources = cssAssetResources.get(file);
 		const activeAssetResource = resolveSingleActiveWebpackCssResource(assetResources, activeWebpackAssetResourceFiles);
 		if (cssSources.size === 0) {
-			if (activeAssetResource) {
+			if (activeAssetResource && isCssSourceAllowedForOutput(file, activeAssetResource)) {
 				activeWebpackCssSourceFiles.add(activeAssetResource);
 				return activeAssetResource;
 			}
 			if (assetResources && assetResources.size > 0) return;
 			return resolveConfiguredMainCssSourceFile(file);
 		}
-		const resourceMatches = [...assetResources ?? []].filter((sourceFile) => cssSources.has(sourceFile)).sort();
+		const resourceMatches = [...assetResources ?? []].filter((sourceFile) => cssSources.has(sourceFile)).filter((sourceFile) => isCssSourceAllowedForOutput(file, sourceFile)).sort();
 		if (resourceMatches.length === 1) {
 			const sourceFile = resourceMatches[0];
 			activeWebpackCssSourceFiles.add(sourceFile);
@@ -885,14 +1038,14 @@ function createWebpackCssSourceResolvers(options) {
 		}
 		const tailwindSourceMatches = resourceMatches.filter((sourceFile) => {
 			const sourceCss = cssSources.get(sourceFile)?.css;
-			return sourceCss && (require_v4_engine.hasTailwindRootDirectives(sourceCss, { importFallback: true }) || require_v4_engine.hasTailwindSourceDirectives(sourceCss, { importFallback: true }) || require_v4_engine.hasTailwindApplyDirective(sourceCss) || require_v4_engine.hasTailwindGeneratedCss(sourceCss) || require_v4_engine.hasTailwindGeneratedCssMarkers(sourceCss));
+			return sourceCss && (require_generator.hasTailwindRootDirectives(sourceCss, { importFallback: true }) || require_generator.hasTailwindSourceDirectives(sourceCss, { importFallback: true }) || require_generator.hasTailwindApplyDirective(sourceCss) || require_generator.hasTailwindGeneratedCss(sourceCss) || require_generator.hasTailwindGeneratedCssMarkers(sourceCss));
 		});
 		if (tailwindSourceMatches.length === 1) {
 			const sourceFile = tailwindSourceMatches[0];
 			activeWebpackCssSourceFiles.add(sourceFile);
 			return sourceFile;
 		}
-		if (activeAssetResource) {
+		if (activeAssetResource && isCssSourceAllowedForOutput(file, activeAssetResource)) {
 			activeWebpackCssSourceFiles.add(activeAssetResource);
 			return activeAssetResource;
 		}
@@ -952,8 +1105,10 @@ function createWebpackCssSourceResolvers(options) {
 	});
 	const getCssHandlerOptions = (file, rawSource) => {
 		const majorVersion = runtimeState.tailwindRuntime.majorVersion;
-		const isMainChunk = isMainCssChunk(file);
+		const isMainCssAsset = isMainCssChunk(file);
 		const sourceFile = resolveWebpackCssSourceFile(file, rawSource);
+		const sourceMatchedMainCssEntry = sourceFile !== void 0 && isConfiguredMainCssEntryFile(sourceFile) && isCssSourceAllowedForOutput(file, sourceFile);
+		const isMainChunk = isMainCssAsset || sourceMatchedMainCssEntry;
 		const sourceCss = sourceFile ? cssSources.get(sourceFile)?.css : void 0;
 		const generatorSourceCss = removeWebpackGeneratorNonTailwindImports(sourceCss);
 		const generatorCssSource = createWebpackGeneratorCssSource(sourceFile, generatorSourceCss);
@@ -1004,6 +1159,7 @@ function createWebpackCssSourceResolvers(options) {
 	};
 	return {
 		activeWebpackCssSourceFiles,
+		configuredCssEntryFiles,
 		configuredMainCssEntryFiles,
 		getCssHandlerOptions,
 		getCssUserHandlerOptions,
@@ -1229,7 +1385,7 @@ function compactSnapshot(snapshot) {
 	};
 }
 function normalizeChangedFiles(changedFiles) {
-	return new Set([...changedFiles ?? []].map((file) => require_v4_engine.resolveSourceScanPath(file)));
+	return new Set([...changedFiles ?? []].map((file) => require_generator.resolveSourceScanPath(file)));
 }
 async function resolveScanFileSnapshot(file) {
 	try {
@@ -1261,7 +1417,7 @@ async function resolveScanFiles(roots, outDir) {
 			outDir,
 			root: root.root
 		});
-		for (const file of rootFiles) files.add(require_v4_engine.resolveSourceScanPath(file));
+		for (const file of rootFiles) files.add(require_generator.resolveSourceScanPath(file));
 	}));
 	return files;
 }
@@ -1373,7 +1529,12 @@ function setupWebpackV5ProcessAssetsHook(options) {
 	const { compiler, options: compilerOptions, appType, runtimeState, getRuntimeRefreshRequirement, refreshRuntimeMetadata, isKnownWebpackProcessedCssAsset, isWebpackProcessedCssAsset, consumeRuntimeRefreshRequirement, isWatchMode, getWatchChangedFiles, runtimeClassSetManager, getWebpackCssSources, getWebpackGeneratedCssSources, pruneWebpackCssSources, prepareWebpackCssSources, debug } = options;
 	const { Compilation, sources } = compiler.webpack;
 	const { ConcatSource } = sources;
-	const isWebGeneratorTarget = compilerOptions.generator?.target === "web";
+	const isWebGeneratorTarget = require_generator.normalizeWeappTailwindcssGeneratorOptions(compilerOptions.generator, {
+		appType: compilerOptions.appType,
+		platform: compilerOptions.cssOptions?.platform ?? compilerOptions.platform,
+		tailwindcssMajorVersion: runtimeState.tailwindRuntime.majorVersion,
+		uniAppX: compilerOptions.uniAppX
+	}).target === "web";
 	const cssHandlerOptionsCache = /* @__PURE__ */ new Map();
 	const cssUserHandlerOptionsCache = /* @__PURE__ */ new Map();
 	const webpackSourceCandidateScanCache = createWebpackSourceCandidateScanCache();
@@ -1429,11 +1590,12 @@ function setupWebpackV5ProcessAssetsHook(options) {
 			for (const chunk of compilation.chunks) if (chunk.id) activeProcessHashKeys.add(chunk.id);
 			const cssSources = new Map([...getWebpackCssSources?.() ?? []].map(([file, source]) => [node_path.default.resolve(file), source]));
 			const generatedCssSources = new Map([...getWebpackGeneratedCssSources?.() ?? []].map(([file, source]) => [node_path.default.resolve(file), source]));
-			const { activeWebpackCssSourceFiles, configuredMainCssEntryFiles, getCssHandlerOptions, getCssUserHandlerOptions, hasConfiguredTailwindV4SourceRoots, isSameWebpackSourceScope, resolveWebpackCssSourceFile } = createWebpackCssSourceResolvers({
+			const { activeWebpackCssSourceFiles, configuredCssEntryFiles, configuredMainCssEntryFiles, getCssHandlerOptions, getCssUserHandlerOptions, hasConfiguredTailwindV4SourceRoots, isSameWebpackSourceScope, resolveWebpackCssSourceFile } = createWebpackCssSourceResolvers({
 				activeWebpackAssetResourceFiles,
 				appType,
 				compilerOptions,
 				compilation,
+				cssAssetFiles: entries.map(([file]) => file),
 				cssAssetResources,
 				cssHandlerOptionsCache,
 				cssSources,
@@ -1461,9 +1623,10 @@ function setupWebpackV5ProcessAssetsHook(options) {
 				opts: compilerOptions,
 				tokenSources: cssSourceTraceTokenSources
 			});
-			const finalizeTracedCss = (css, cssHandlerOptions) => finalizeTracedWebpackCssAsset(css, cssHandlerOptions, {
+			const finalizeTracedCss = (css, cssHandlerOptions, options = {}) => finalizeTracedWebpackCssAsset(css, cssHandlerOptions, {
 				annotateCss,
 				compilerOptions,
+				...options,
 				isWebGeneratorTarget
 			});
 			const hasRuntimeTransformAssets = Boolean(!isWebGeneratorTarget && ((groupedEntries.html?.length ?? 0) > 0 || (groupedEntries.js?.length ?? 0) > 0));
@@ -1674,7 +1837,7 @@ function setupWebpackV5ProcessAssetsHook(options) {
 				const processedCssAssetMetadata = { isMainCssChunk: cssHandlerOptionsForProcessedAsset.isMainChunk };
 				const processedSourceFile = cssHandlerOptionsForProcessedAsset.sourceOptions?.sourceFile;
 				const processedSourceCss = processedSourceFile ? cssSources.get(node_path.default.resolve(processedSourceFile))?.css : void 0;
-				const shouldRegenerateProcessedTailwindV4SourceCss = processedSourceCss !== void 0 && (require_v4_engine.hasTailwindSourceDirectives(processedSourceCss, { importFallback: true }) || processedSourceCss.includes("@config"));
+				const shouldRegenerateProcessedTailwindV4SourceCss = processedSourceCss !== void 0 && (require_generator.hasTailwindSourceDirectives(processedSourceCss, { importFallback: true }) || processedSourceCss.includes("@config"));
 				const processedCssAssetKnown = isKnownWebpackProcessedCssAsset?.(file, processedCssAssetMetadata) === true;
 				const processedLoaderGeneratedCss = processedSourceFile ? generatedCssSources.get(node_path.default.resolve(processedSourceFile)) : void 0;
 				const processedAssetSourceHash = watchMode && isWebGeneratorTarget && cssHandlerOptionsForProcessedAsset.isMainChunk ? compilerOptions.cache.computeHash(readRawSource()) : chunkHash === void 0 ? processedCssAssetKnown ? "webpack-css-asset:known" : compilerOptions.cache.computeHash(readRawSource()) : "webpack-css-asset:chunk";
@@ -1694,11 +1857,11 @@ function setupWebpackV5ProcessAssetsHook(options) {
 				} else {
 					const source = readCurrentProcessedRawSource();
 					hasGeneratedCssMarker = require_source_candidate_scan_signature.hasBundlerGeneratedCssMarker(source);
-					hasTailwindGeneratedAssetCss = require_v4_engine.hasTailwindGeneratedCss(source) || require_v4_engine.hasTailwindGeneratedCssMarkers(source);
+					hasTailwindGeneratedAssetCss = require_generator.hasTailwindGeneratedCss(source) || require_generator.hasTailwindGeneratedCssMarkers(source);
 				}
 				const hasProcessedAssetTailwindDirectives = () => {
 					const source = readCurrentProcessedRawSource();
-					return require_v4_engine.hasTailwindRootDirectives(source, { importFallback: true }) || require_v4_engine.hasTailwindSourceDirectives(source, { importFallback: true }) || require_v4_engine.hasTailwindApplyDirective(source);
+					return require_generator.hasTailwindRootDirectives(source, { importFallback: true }) || require_generator.hasTailwindSourceDirectives(source, { importFallback: true }) || require_generator.hasTailwindApplyDirective(source);
 				};
 				const shouldForceConfiguredMainCssGeneration = cssHandlerOptionsForProcessedAsset.isMainChunk && hasConfiguredTailwindV4SourceRoots() && !hasGeneratedCssMarker && (configuredMainCssEntryFiles.length > 0 || shouldRegenerateProcessedTailwindV4SourceCss || hasProcessedAssetTailwindDirectives());
 				const hasProcessedMainAssetUserCss = cachedSkipProcessedCssAsset === void 0 && cssHandlerOptionsForProcessedAsset.isMainChunk && (hasGeneratedCssMarker || hasTailwindGeneratedAssetCss) && createWebpackUserCssSourceAppend([...cssSources.entries()].map(([sourceFile, source]) => ({
@@ -1706,7 +1869,7 @@ function setupWebpackV5ProcessAssetsHook(options) {
 					file: sourceFile
 				})), readCurrentProcessedRawSource()) !== void 0;
 				const hasProcessedLoaderGeneratedUserCss = cachedSkipProcessedCssAsset === void 0 && processedLoaderGeneratedCss !== void 0 && hasAdditionalWebpackAssetUserCssMarkers(processedLoaderGeneratedCss.css, readCurrentProcessedRawSource());
-				const shouldFinalizeProcessedWebCssAsset = isWebGeneratorTarget && !shouldForceConfiguredMainCssGeneration && !shouldRegenerateProcessedTailwindV4SourceCss && require_v4_engine.hasTailwindSourceDirectives(readCurrentProcessedRawSource(), { importFallback: true });
+				const shouldFinalizeProcessedWebCssAsset = isWebGeneratorTarget && !shouldForceConfiguredMainCssGeneration && !shouldRegenerateProcessedTailwindV4SourceCss && require_generator.hasTailwindSourceDirectives(readCurrentProcessedRawSource(), { importFallback: true });
 				const shouldPreserveFinalWebCssAsset = isWebGeneratorTarget && processedSourceFile === void 0 && !shouldForceConfiguredMainCssGeneration && (hasGeneratedCssMarker || hasTailwindGeneratedAssetCss);
 				const shouldSkipKnownProcessedCssAsset = !shouldForceConfiguredMainCssGeneration && !shouldRegenerateProcessedTailwindV4SourceCss && !shouldRegenerateStaleProcessedWebCssAsset && (processedCssAssetKnown || isWebpackProcessedCssAsset?.(file, readCurrentProcessedRawSource(), processedCssAssetMetadata)) && !hasProcessedMainAssetUserCss && !hasProcessedLoaderGeneratedUserCss && (!cssHandlerOptionsForProcessedAsset.isMainChunk || hasGeneratedCssMarker || hasTailwindGeneratedAssetCss);
 				const shouldSkipProcessedCssAsset = cachedSkipProcessedCssAsset ?? (shouldFinalizeProcessedWebCssAsset || shouldPreserveFinalWebCssAsset || shouldSkipKnownProcessedCssAsset);
@@ -1755,7 +1918,7 @@ function setupWebpackV5ProcessAssetsHook(options) {
 									processed: true
 								}).css;
 								debug("css skip webpack-loader-pipeline asset: %s", file);
-								return { result: new ConcatSource(finalizeTracedCss(css, cssHandlerOptionsForProcessedAsset)) };
+								return { result: new ConcatSource(finalizeTracedCss(css, cssHandlerOptionsForProcessedAsset, { finalized: true })) };
 							}
 						});
 					}, cssTaskFactories);
@@ -1821,9 +1984,13 @@ function setupWebpackV5ProcessAssetsHook(options) {
 							const generatorRawSource = resolveWebpackGeneratorRawSource(currentRawSource, cssHandlerOptions);
 							if (isWebpackCssLoaderRuntimeSource(generatorRawSource)) return { result: new ConcatSource(currentRawSource) };
 							const sourceFile = cssHandlerOptions.sourceOptions?.sourceFile;
-							const loaderGeneratedCss = sourceFile && !isWebGeneratorTarget ? generatedCssSources.get(node_path.default.resolve(sourceFile)) : void 0;
 							const sourceCss = sourceFile ? cssSources.get(node_path.default.resolve(sourceFile))?.css : void 0;
-							const shouldRegenerateExplicitTailwindV4CssSource = sourceCss !== void 0 && (require_v4_engine.hasTailwindSourceDirectives(sourceCss, { importFallback: true }) || sourceCss.includes("@config"));
+							const isConfiguredCssSource = sourceFile !== void 0 && configuredCssEntryFiles.some((entry) => node_path.default.resolve(entry) === node_path.default.resolve(sourceFile));
+							const isConfiguredMainCssSource = sourceFile !== void 0 && configuredMainCssEntryFiles.some((entry) => node_path.default.resolve(entry) === node_path.default.resolve(sourceFile));
+							const sourceCssHasTailwindRoot = sourceCss !== void 0 && require_generator.hasTailwindRootDirectives(sourceCss, { importFallback: true });
+							const shouldPreserveExistingPreflight = cssHandlerOptions.isMainChunk || !isConfiguredMainCssSource && (isConfiguredCssSource || sourceCssHasTailwindRoot);
+							const loaderGeneratedCss = sourceFile && !isWebGeneratorTarget ? generatedCssSources.get(node_path.default.resolve(sourceFile)) : void 0;
+							const shouldRegenerateExplicitTailwindV4CssSource = sourceCss !== void 0 && (require_generator.hasTailwindSourceDirectives(sourceCss, { importFallback: true }) || sourceCss.includes("@config"));
 							const explicitTailwindV4SourceCandidates = shouldRegenerateExplicitTailwindV4CssSource && sourceCss && sourceFile && webpackSourceCandidates?.getSourceCandidatesForEntries ? await require_tailwindcss.resolveTailwindV4EntriesFromCssCached(sourceCss, node_path.default.dirname(sourceFile)).then((resolved) => resolved?.entries ? webpackSourceCandidates.getSourceCandidatesForEntries(resolved.entries) : void 0) : void 0;
 							if (loaderGeneratedCss && shouldConsumeWebpackLoaderGeneratedCss({
 								hasBundlerGeneratedCssMarker: require_source_candidate_scan_signature.hasBundlerGeneratedCssMarker(currentRawSource),
@@ -1840,13 +2007,15 @@ function setupWebpackV5ProcessAssetsHook(options) {
 								const currentRawSourceWithoutBundlerMarkers = require_source_candidate_scan_signature.stripBundlerGeneratedCssMarkers(currentRawSource);
 								const currentAssetHasProcessedUrl = hasProcessedCssAssetUrl(currentRawSourceWithoutBundlerMarkers) && currentRawSourceWithoutBundlerMarkers !== loaderGeneratedCss.css;
 								const currentAssetUserCss = currentAssetHasProcessedUrl ? currentRawSourceWithoutBundlerMarkers : shouldUseWebpackAssetAsGeneratorUserCss(currentRawSourceWithoutBundlerMarkers, loaderGeneratedCss.css, { processed: true }) ? require_hmr_timing.removeGeneratedSelectorCompatCss(currentRawSourceWithoutBundlerMarkers, loaderGeneratedCss.css) : void 0;
-								const isConfiguredMainCssSource = configuredMainCssEntryFiles.some((entry) => node_path.default.resolve(entry) === node_path.default.resolve(sourceFile));
 								const loaderGeneratedCssWithoutMarkers = require_source_candidate_scan_signature.stripBundlerGeneratedCssMarkers(loaderGeneratedCss.css);
 								const currentAssetUserCssWithoutMarkers = currentAssetUserCss === void 0 ? "" : require_source_candidate_scan_signature.stripBundlerGeneratedCssMarkers(currentAssetUserCss);
-								const currentAssetMissingUserCss = !(currentAssetUserCssWithoutMarkers.trim().length > 0 && !require_v4_engine.isCommentOnlyCss(currentAssetUserCssWithoutMarkers)) ? "" : (0, _weapp_tailwindcss_postcss.filterExistingCssRules)(currentAssetUserCssWithoutMarkers, loaderGeneratedCssWithoutMarkers);
-								if (isConfiguredMainCssSource && !cssHandlerOptions.isMainChunk && (currentAssetMissingUserCss.trim().length === 0 || require_v4_engine.isCommentOnlyCss(currentAssetMissingUserCss))) {
+								const currentAssetMissingUserCss = !(currentAssetUserCssWithoutMarkers.trim().length > 0 && !require_generator.isCommentOnlyCss(currentAssetUserCssWithoutMarkers)) ? "" : (0, _weapp_tailwindcss_postcss.filterExistingCssRules)(currentAssetUserCssWithoutMarkers, loaderGeneratedCssWithoutMarkers);
+								if (isConfiguredMainCssSource && !cssHandlerOptions.isMainChunk) {
 									debug("css skip duplicate webpack loader main generation: %s <- %s", file, sourceFile);
-									return { result: new ConcatSource(finalizeTracedCss("", cssHandlerOptions)) };
+									return { result: new ConcatSource(finalizeTracedCss(currentAssetMissingUserCss.trim().length === 0 || require_generator.isCommentOnlyCss(currentAssetMissingUserCss) ? "" : finalizeCssAssetSource(currentAssetMissingUserCss, {
+										cssPreflight: false,
+										generatedCss: false
+									}), cssHandlerOptions)) };
 								}
 								const finalizedLoaderCss = finalizeCssAssetSource(currentAssetUserCss === void 0 ? loaderGeneratedCss.css : createWebpackGeneratorUserCssSourceAppend({
 									css: currentAssetUserCss === void 0 ? loaderGeneratedCss.css : currentAssetHasProcessedUrl ? require_hmr_timing.removeGeneratedSelectorCompatCss(loaderGeneratedCss.css, currentAssetUserCss) : (0, _weapp_tailwindcss_postcss.filterExistingCssRules)(currentAssetUserCss, loaderGeneratedCss.css),
@@ -1856,7 +2025,8 @@ function setupWebpackV5ProcessAssetsHook(options) {
 									processed: true
 								}).css, {
 									cssPreflight: cssHandlerOptions.isMainChunk,
-									generatedCss: true
+									generatedCss: true,
+									preserveExistingPreflight: shouldPreserveExistingPreflight
 								});
 								const loaderSourceBareUserCss = isWebGeneratorTarget ? void 0 : createWebpackGeneratorUserCssSourceAppend(...[currentAssetUserCss === void 0 ? void 0 : {
 									css: currentAssetUserCss,
@@ -1882,7 +2052,7 @@ function setupWebpackV5ProcessAssetsHook(options) {
 								}, {
 									css: missingLoaderSourceBareUserCss,
 									processed: true
-								}).css, cssHandlerOptions);
+								}).css, cssHandlerOptions, { finalized: true });
 								debug("css consume webpack loader generation: %s <- %s", file, sourceFile);
 								return { result: new ConcatSource(css) };
 							}
@@ -1891,12 +2061,13 @@ function setupWebpackV5ProcessAssetsHook(options) {
 								...source,
 								file: registeredSourceFile
 							})), generatorRawSource, sourceFile, (registeredSourceFile) => isSameWebpackSourceScope(file, registeredSourceFile, sourceFile));
-							const currentAssetLooksGenerated = require_v4_engine.hasTailwindGeneratedCss(currentRawSource) || require_v4_engine.hasTailwindGeneratedCssMarkers(currentRawSource);
+							const currentAssetLooksGenerated = require_generator.hasTailwindGeneratedCss(currentRawSource) || require_generator.hasTailwindGeneratedCssMarkers(currentRawSource);
 							const currentAssetHasBundlerGeneratedMarker = require_source_candidate_scan_signature.hasBundlerGeneratedCssMarker(currentRawSource);
 							const currentAssetUserCssSource = currentAssetLooksGenerated ? removeWebpackTailwindGeneratedAssetCss(currentRawSource) : currentRawSource;
+							if (sourceFile === void 0 && currentAssetHasBundlerGeneratedMarker && (currentAssetUserCssSource.trim().length === 0 || require_generator.isCommentOnlyCss(currentAssetUserCssSource))) return { result: new ConcatSource(finalizeTracedCss("", cssHandlerOptions)) };
 							const currentAssetHasAdditionalUserCss = currentAssetLooksGenerated && (hasAdditionalWebpackAssetUserCssMarkers(currentAssetUserCssSource, generatorRawSource) || currentAssetUserCssSource.trim().length > 0);
 							const shouldPreserveGeneratedWebAssetUserCss = isWebGeneratorTarget && currentAssetLooksGenerated && !currentAssetHasBundlerGeneratedMarker && !currentAssetHasAdditionalUserCss;
-							const hasExplicitSourceCssForCurrentAsset = sourceCss !== void 0 && (require_v4_engine.hasTailwindRootDirectives(sourceCss, { importFallback: true }) || require_v4_engine.hasTailwindSourceDirectives(sourceCss, { importFallback: true }) || require_v4_engine.hasTailwindApplyDirective(sourceCss));
+							const hasExplicitSourceCssForCurrentAsset = sourceCss !== void 0 && (require_generator.hasTailwindRootDirectives(sourceCss, { importFallback: true }) || require_generator.hasTailwindSourceDirectives(sourceCss, { importFallback: true }) || require_generator.hasTailwindApplyDirective(sourceCss));
 							const currentAssetHasUserCss = (sourceCssProcessed || hasExplicitSourceCssForCurrentAsset) && currentAssetLooksGenerated && !shouldPreserveGeneratedWebAssetUserCss ? currentAssetHasAdditionalUserCss : shouldUseWebpackAssetAsGeneratorUserCss(currentAssetUserCssSource, generatorRawSource, { processed: sourceCssProcessed || shouldPreserveGeneratedWebAssetUserCss });
 							const userRawSource = createWebpackGeneratorUserCssSourceAppend(createWebpackCurrentAssetUserRawSource({
 								currentAssetHasUserCss,
@@ -1912,15 +2083,18 @@ function setupWebpackV5ProcessAssetsHook(options) {
 								}),
 								sourceCssProcessed
 							}), registeredUserRawSource);
-							if ((0, _weapp_tailwindcss_postcss.isPureLocalCssImportWrapper)(currentRawSource)) return { result: new ConcatSource(require_v4_engine.removeTailwindSourceDirectives(require_source_candidate_scan_signature.stripBundlerGeneratedCssMarkers(currentRawSource), { importFallback: true })) };
+							if ((0, _weapp_tailwindcss_postcss.isPureLocalCssImportWrapper)(currentRawSource)) return { result: new ConcatSource(require_generator.removeTailwindSourceDirectives(require_source_candidate_scan_signature.stripBundlerGeneratedCssMarkers(currentRawSource), { importFallback: true })) };
 							const fallbackGeneratorRuntimeSet = getGeneratorRuntimeSet();
-							const hasExplicitTailwindV4SourceCss = sourceCss !== void 0 && (require_v4_engine.hasTailwindSourceDirectives(sourceCss, { importFallback: true }) || sourceCss.includes("@config"));
-							const currentAssetHasTailwindDirectives = require_v4_engine.hasTailwindRootDirectives(generatorRawSource, { importFallback: true }) || require_v4_engine.hasTailwindSourceDirectives(generatorRawSource, { importFallback: true }) || require_v4_engine.hasTailwindApplyDirective(generatorRawSource);
+							const hasExplicitTailwindV4SourceCss = sourceCss !== void 0 && (require_generator.hasTailwindSourceDirectives(sourceCss, { importFallback: true }) || sourceCss.includes("@config"));
+							const currentAssetHasTailwindDirectives = require_generator.hasTailwindRootDirectives(generatorRawSource, { importFallback: true }) || require_generator.hasTailwindSourceDirectives(generatorRawSource, { importFallback: true }) || require_generator.hasTailwindApplyDirective(generatorRawSource);
 							const shouldForceTailwindV4Generation = hasConfiguredTailwindV4SourceRoots() && (configuredMainCssEntryFiles.length > 0 && sourceFile !== void 0 || currentAssetHasTailwindDirectives || hasExplicitTailwindV4SourceCss);
 							const shouldSkipUnmatchedMainCssGeneration = !isWebGeneratorTarget && cssHandlerOptions.isMainChunk && sourceFile === void 0 && configuredMainCssEntryFiles.length > 0 && !currentAssetHasTailwindDirectives;
+							const shouldSkipPlainNonMainCssGeneration = !cssHandlerOptions.isMainChunk && sourceCss !== void 0 && !hasExplicitSourceCssForCurrentAsset && !hasExplicitTailwindV4SourceCss && !currentAssetHasTailwindDirectives;
+							const shouldMergeFallbackGeneratorRuntime = cssHandlerOptions.isMainChunk || currentAssetHasTailwindDirectives || hasExplicitSourceCssForCurrentAsset;
+							const scopedFallbackGeneratorRuntimeSet = hasExplicitTailwindV4SourceCss || !shouldMergeFallbackGeneratorRuntime ? /* @__PURE__ */ new Set() : fallbackGeneratorRuntimeSet;
 							const resolvedScopedGeneratorRuntimeSet = await require_source_candidate_scan_signature.createScopedGeneratorRuntime({
 								cssHandlerOptions,
-								fallbackRuntime: hasExplicitTailwindV4SourceCss ? /* @__PURE__ */ new Set() : fallbackGeneratorRuntimeSet,
+								fallbackRuntime: scopedFallbackGeneratorRuntimeSet,
 								getSourceCandidatesForEntries: webpackSourceCandidates?.getSourceCandidatesForEntries,
 								majorVersion: runtimeState.tailwindRuntime.majorVersion,
 								outputFile: file,
@@ -1929,7 +2103,7 @@ function setupWebpackV5ProcessAssetsHook(options) {
 								sourceFile: sourceFile ?? file,
 								scopedSourceCandidateGetter: webpackSourceCandidates?.getSourceCandidatesForEntries
 							});
-							const scopedGeneratorRuntimeSet = !hasExplicitTailwindV4SourceCss && resolvedScopedGeneratorRuntimeSet !== fallbackGeneratorRuntimeSet ? /* @__PURE__ */ new Set([...fallbackGeneratorRuntimeSet, ...resolvedScopedGeneratorRuntimeSet]) : resolvedScopedGeneratorRuntimeSet;
+							const scopedGeneratorRuntimeSet = !hasExplicitTailwindV4SourceCss && resolvedScopedGeneratorRuntimeSet !== scopedFallbackGeneratorRuntimeSet && shouldMergeFallbackGeneratorRuntime ? /* @__PURE__ */ new Set([...fallbackGeneratorRuntimeSet, ...resolvedScopedGeneratorRuntimeSet]) : resolvedScopedGeneratorRuntimeSet;
 							const generatorCssSources = normalizeWebpackGeneratorCssSources(cssHandlerOptions.sourceOptions?.cssSources);
 							const scopedGeneratorCompilerOptions = scopeWebpackGeneratorOptionsToCssSource(compilerOptions, sourceFile, { disableUnmatchedCssEntries: !isWebGeneratorTarget && cssHandlerOptions.isMainChunk });
 							const generatorCssHandlerOptions = generatorCssSources === void 0 ? cssHandlerOptions : {
@@ -1958,7 +2132,7 @@ function setupWebpackV5ProcessAssetsHook(options) {
 								debug
 							};
 							let generated;
-							if (!shouldSkipUnmatchedMainCssGeneration) try {
+							if (!shouldSkipUnmatchedMainCssGeneration && !shouldSkipPlainNonMainCssGeneration) try {
 								generated = await require_source_candidate_scan_signature.generateTailwindV4Css({
 									...generatorOptions,
 									outputFile: file
@@ -1972,7 +2146,7 @@ function setupWebpackV5ProcessAssetsHook(options) {
 								debug("css generator skipped for plain webpack css asset: %s %O", file, error);
 								generated = void 0;
 							}
-							else debug("css generator skipped for unmatched webpack main css asset: %s", file);
+							else debug("css generator skipped for plain webpack css asset: %s", file);
 							const finalizedGeneratedCss = generated ? finalizeCssAssetSource(isWebGeneratorTarget && currentRawSource.includes("tailwindcss v4.") ? createWebpackGeneratorUserCssSourceAppend({
 								css: generated.css,
 								processed: true
@@ -1981,7 +2155,8 @@ function setupWebpackV5ProcessAssetsHook(options) {
 								processed: true
 							})?.css ?? generated.css : generated.css, {
 								cssPreflight: cssHandlerOptions.isMainChunk,
-								generatedCss: true
+								generatedCss: true,
+								preserveExistingPreflight: shouldPreserveExistingPreflight
 							}) : isWebGeneratorTarget ? finalizeCssAssetSource(generatorRawSource, { generatedCss: false }) : finalizeCssAssetSource((await compilerOptions.styleHandler(generatorRawSource, cssHandlerOptions)).css, { generatedCss: false });
 							const sourceBareUserCss = isWebGeneratorTarget ? void 0 : createWebpackGeneratorUserCssSourceAppend(...[
 								userRawSource,
@@ -2011,7 +2186,7 @@ function setupWebpackV5ProcessAssetsHook(options) {
 							}, {
 								css: missingSourceBareUserCss,
 								processed: true
-							}).css, cssHandlerOptions));
+							}).css, cssHandlerOptions, { finalized: true }));
 							if (generated) {
 								for (const className of generated.classSet) generatorRuntimeSet.add(className);
 								debug("css handle via tailwind v%s engine(%s): %s", runtimeState.tailwindRuntime.majorVersion, generated.target, file);
@@ -2056,6 +2231,22 @@ function setupWebpackV5ProcessAssetsHook(options) {
 			}) });
 			compilerOptions.onEnd();
 		});
+		if (!isWebGeneratorTarget) compilation.hooks.processAssets.tapPromise({
+			name: `${require_context.pluginName}:finalize-css-assets`,
+			stage: Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE_HASH
+		}, async (assets) => {
+			const entries = Object.entries(assets);
+			if (entries.length === 0) return;
+			const groupedEntries = require_utils.getGroupedEntries(entries, compilerOptions);
+			if (groupedEntries.css.length === 0) return;
+			const { updateAssetIfChanged } = createWebpackAssetUpdater({
+				compilation,
+				ConcatSource,
+				onUpdate: compilerOptions.onUpdate,
+				debug
+			});
+			for (const [file, asset] of groupedEntries.css) updateAssetIfChanged(file, finalizeWebpackCssAssetOutputSource(stringifyWebpackSourceLike(compilation.getAsset(file)?.source.source() ?? asset.source()), compilerOptions, isWebGeneratorTarget));
+		});
 	});
 }
 //#endregion
@@ -2279,7 +2470,13 @@ function createDefaultLoaderAnchorFinders() {
 //#region src/bundlers/webpack/BaseUnifiedPlugin/v5-loaders.ts
 function setupWebpackV5Loaders(options) {
 	const { compiler, options: compilerOptions, appType, weappTailwindcssPackageDir, shouldRewriteCssImports, runtimeLoaderPath, registerAutoCssSource, runtimeState, getClassSetInLoader, getRuntimeSetInLoader, markWebpackProcessedCssSource, markWebpackCssSourceModule, registerWebpackGeneratedCss, registerWebpackCssSourceFile, getRuntimeWatchDependencies, loaderAnchorFinders = createDefaultLoaderAnchorFinders(), mpxCssImportRewrite = false, runtimeRegistryKey = `weapp-tailwindcss-${Date.now()}-${Math.random().toString(36).slice(2)}`, debug } = options;
-	const generatorTarget = compilerOptions.generator?.target ?? require_v4_engine.inferGeneratorTargetFromEnv();
+	const generatorOptions = require_generator.normalizeWeappTailwindcssGeneratorOptions(compilerOptions.generator, {
+		appType: compilerOptions.appType,
+		platform: compilerOptions.cssOptions?.platform ?? compilerOptions.platform,
+		tailwindcssMajorVersion: runtimeState.tailwindRuntime.majorVersion,
+		uniAppX: compilerOptions.uniAppX
+	});
+	const generatorTarget = generatorOptions.target;
 	const generatorBranch = require_generator.resolveRuntimeBranch({
 		appType: compilerOptions.appType,
 		generatorTarget,
@@ -2290,7 +2487,7 @@ function setupWebpackV5Loaders(options) {
 	if (shouldRewriteCssImports && mpxCssImportRewrite) ensureMpxTailwindcssAliases(compiler, weappTailwindcssPackageDir);
 	const runtimeClassSetLoader = runtimeLoaderPath ?? node_path.default.resolve(__dirname, "./weapp-tw-runtime-classset-loader.js");
 	const shouldInjectRuntimeClassSetLoader = !generatorBranch.isWeb;
-	const shouldInjectCssImportRewriteLoader = shouldRewriteCssImports || !generatorBranch.isWeb || runtimeState.tailwindRuntime.majorVersion === 4;
+	const shouldInjectCssImportRewriteLoader = shouldRewriteCssImports || generatorOptions.enabled && (!generatorBranch.isWeb || runtimeState.tailwindRuntime.majorVersion === 4);
 	const runtimeCssImportRewriteLoader = shouldInjectCssImportRewriteLoader ? node_path.default.resolve(__dirname, "./weapp-tw-css-import-rewrite-loader.js") : void 0;
 	const runtimeClassSetLoaderExists = node_fs.default.existsSync(runtimeClassSetLoader);
 	const runtimeCssImportRewriteLoaderExists = runtimeCssImportRewriteLoader ? node_fs.default.existsSync(runtimeCssImportRewriteLoader) : false;
@@ -2462,7 +2659,7 @@ var WebpackFrameworkPlugin = class {
 		require_context._defineProperty(this, "hasInitialTailwindCssRoots", void 0);
 		require_context._defineProperty(this, "frameworkBranch", void 0);
 		this.frameworkBranch = frameworkBranch;
-		this.hasInitialTailwindCssRoots = require_v4_engine.hasConfiguredTailwindV4CssRoots(options);
+		this.hasInitialTailwindCssRoots = require_generator.hasConfiguredTailwindV4CssRoots(options);
 		this.options = isInternalUserDefinedOptions(options) ? options : require_context.getCompilerContext({
 			...options,
 			__internalDeferMissingCssEntriesWarning: true
@@ -2509,7 +2706,7 @@ var WebpackFrameworkPlugin = class {
 		const updateRuntimeWatchDependencies = async () => {
 			runtimeWatchDependencyFiles.clear();
 			runtimeWatchDependencyContexts.clear();
-			const tailwindOptions = require_v4_engine.resolveTailwindcssOptions(runtimeState.tailwindRuntime.options);
+			const tailwindOptions = require_generator.resolveTailwindcssOptions(runtimeState.tailwindRuntime.options);
 			if (tailwindOptions?.config) runtimeWatchDependencyFiles.add(tailwindOptions.config);
 			for (const entry of tailwindOptions?.v4?.cssEntries ?? []) runtimeWatchDependencyFiles.add(entry);
 			for (const source of tailwindOptions?.v4?.cssSources ?? []) {
@@ -2559,7 +2756,7 @@ var WebpackFrameworkPlugin = class {
 		};
 		const registerAutoCssSource = async (source) => {
 			if (!source.file) return;
-			if (!require_v4_engine.upsertTailwindV4CssSource(this.options, source)) return;
+			if (!require_generator.upsertTailwindV4CssSource(this.options, source)) return;
 			runtimeSetPrepared = false;
 			runtimeMetadataPrepared = false;
 			runtimeRefreshRequiredForCompilation = true;
@@ -2579,7 +2776,7 @@ var WebpackFrameworkPlugin = class {
 			const file = node_path.default.resolve(source.file);
 			const previous = webpackCssSources.get(file);
 			const next = {
-				css: typeof source.css === "string" ? require_v4_engine.normalizeTailwindConfigDirectives(source.css, node_path.default.dirname(file)) : source.css,
+				css: typeof source.css === "string" ? require_generator.normalizeTailwindConfigDirectives(source.css, node_path.default.dirname(file)) : source.css,
 				processed: source.processed
 			};
 			if (previous && shouldKeepPreviousWebpackCssSource(previous, next)) {
@@ -2598,7 +2795,7 @@ var WebpackFrameworkPlugin = class {
 			currentWebpackCssSourceFiles.add(file);
 		};
 		const pruneWebpackCssSources = (activeSourceFiles, _options = {}) => {
-			const tailwindOptions = require_v4_engine.resolveTailwindcssOptions(runtimeState.tailwindRuntime.options);
+			const tailwindOptions = require_generator.resolveTailwindcssOptions(runtimeState.tailwindRuntime.options);
 			const configuredSourceFiles = /* @__PURE__ */ new Set();
 			for (const entry of this.options.cssEntries ?? []) configuredSourceFiles.add(node_path.default.resolve(entry));
 			for (const entry of tailwindOptions?.v4?.cssEntries ?? []) configuredSourceFiles.add(node_path.default.resolve(entry));
@@ -2607,7 +2804,7 @@ var WebpackFrameworkPlugin = class {
 			for (const file of webpackGeneratedCssSources.keys()) if (!activeSourceFiles.has(file) && !configuredSourceFiles.has(file)) webpackGeneratedCssSources.delete(file);
 		};
 		const prepareWebpackCssSources = (activeAssetResources = /* @__PURE__ */ new Set()) => {
-			const tailwindOptions = require_v4_engine.resolveTailwindcssOptions(runtimeState.tailwindRuntime.options);
+			const tailwindOptions = require_generator.resolveTailwindcssOptions(runtimeState.tailwindRuntime.options);
 			const configuredSourceFiles = /* @__PURE__ */ new Set();
 			for (const entry of this.options.cssEntries ?? []) configuredSourceFiles.add(node_path.default.resolve(entry));
 			for (const entry of tailwindOptions?.v4?.cssEntries ?? []) configuredSourceFiles.add(node_path.default.resolve(entry));
@@ -2625,7 +2822,7 @@ var WebpackFrameworkPlugin = class {
 		};
 		const isWebpackProcessedTailwindEntryAsset = (isMainCssChunk) => {
 			if (isMainCssChunk !== true || webpackProcessedCssSourceFiles.size === 0) return false;
-			const tailwindOptions = require_v4_engine.resolveTailwindcssOptions(runtimeState.tailwindRuntime.options);
+			const tailwindOptions = require_generator.resolveTailwindcssOptions(runtimeState.tailwindRuntime.options);
 			for (const entry of this.options.cssEntries ?? []) if (webpackProcessedCssSourceFiles.has(node_path.default.resolve(entry))) return true;
 			for (const entry of tailwindOptions?.v4?.cssEntries ?? []) if (webpackProcessedCssSourceFiles.has(node_path.default.resolve(entry))) return true;
 			for (const source of tailwindOptions?.v4?.cssSources ?? []) if (source.file && webpackProcessedCssSourceFiles.has(node_path.default.resolve(source.file))) return true;
@@ -2695,7 +2892,7 @@ var WebpackFrameworkPlugin = class {
 				return webpackProcessedCssSourceFiles.has(node_path.default.resolve(file)) || isWebpackProcessedTailwindEntryAsset(metadata?.isMainCssChunk);
 			},
 			isWebpackProcessedCssAsset(file, rawSource, metadata) {
-				return webpackProcessedCssSourceFiles.has(node_path.default.resolve(file)) || isWebpackProcessedTailwindEntryAsset(metadata?.isMainCssChunk) || require_v4_engine.hasTailwindGeneratedCss(rawSource) || require_v4_engine.hasTailwindGeneratedCssMarkers(rawSource) || rawSource.includes("weapp-tailwindcss webpack-generated-css");
+				return webpackProcessedCssSourceFiles.has(node_path.default.resolve(file)) || isWebpackProcessedTailwindEntryAsset(metadata?.isMainCssChunk) || require_generator.hasTailwindGeneratedCss(rawSource) || require_generator.hasTailwindGeneratedCssMarkers(rawSource) || rawSource.includes("weapp-tailwindcss webpack-generated-css");
 			},
 			consumeRuntimeRefreshRequirement() {
 				runtimeRefreshRequiredForCompilation = false;