weapp-tailwindcss 5.1.5 → 5.1.7

package/dist/{webpack-DN3tgLbF.js → webpack-BxBOMUtY.js}

@@ -1,11 +1,11 @@
 const require_rolldown_runtime = require("./rolldown-runtime-emK7D4bc.js");
-const require_v4_engine = require("./v4-engine-CKtsdKxK.js");
-const require_generator = require("./generator-CilgHtxb.js");
+const require_v4_engine = require("./v4-engine-3UmJkAY7.js");
+const require_generator = require("./generator-DASZwC6t.js");
 const require_utils = require("./utils-D3h8j7Mk.js");
-const require_context = require("./context-BziwyWy1.js");
-const require_tailwindcss = require("./tailwindcss-BwoNQ3t8.js");
-const require_hmr_timing = require("./hmr-timing-BKdCeIrn.js");
-const require_source_candidate_scan_signature = require("./source-candidate-scan-signature-DIj9m4wB.js");
+const require_context = require("./context-C7KTDlrG.js");
+const require_tailwindcss = require("./tailwindcss-DPxJpRVP.js");
+const require_hmr_timing = require("./hmr-timing-BIr_CiPW.js");
+const require_source_candidate_scan_signature = require("./source-candidate-scan-signature-Djr2Hw8y.js");
 let node_fs = require("node:fs");
 node_fs = require_rolldown_runtime.__toESM(node_fs);
 let node_path = require("node:path");
@@ -396,6 +396,11 @@ function resolveWebpackGeneratorRawSource(rawSource, cssHandlerOptions) {
 	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;
 	return rawSource;
 }
+function shouldConsumeWebpackLoaderGeneratedCss(options) {
+	if (!options.shouldRegenerateExplicitTailwindV4CssSource) return true;
+	if (options.watchMode === true && options.loaderGeneratedClassSet && options.sourceCandidates && hasMissingRuntimeCandidates(options.loaderGeneratedClassSet, options.sourceCandidates)) return false;
+	return options.hasBundlerGeneratedCssMarker;
+}
 function hasUsableWebpackGeneratorCssSources(cssSources) {
 	return Array.isArray(cssSources) && cssSources.some((source) => typeof source?.css === "string" && source.css.length > 0);
 }
@@ -447,7 +452,8 @@ function hasProcessedCssAssetUrl(css) {
 	return /url\(\s*["']?data:/i.test(css);
 }
 function shouldUseWebpackAssetAsGeneratorUserCss(rawSource, generatorRawSource, options = {}) {
-	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) && /(?:^|[^\w-])\.[_a-z\u00A0-\uFFFF\\-]/i.test(rawSource) && (!require_v4_engine.hasTailwindGeneratedCssMarkers(rawSource) || hasAdditionalWebpackAssetUserCssMarkers(rawSource, generatorRawSource));
+	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));
 }
 function collectWebpackAssetUserCssMarkers(source) {
 	const markers = /* @__PURE__ */ new Set();
@@ -469,6 +475,44 @@ function collectWebpackAssetUserCssMarkers(source) {
 	} catch {}
 	return markers;
 }
+function hasWebpackClassSelector(selector) {
+	return /(?:^|[^\w-])\.[_a-z\u00A0-\uFFFF\\-]/i.test(selector);
+}
+function isWebpackKeyframesRule(rule) {
+	let parent = rule.parent;
+	while (parent) {
+		if (parent.type === "atrule" && parent.name.endsWith("keyframes")) return true;
+		parent = parent.parent;
+	}
+	return false;
+}
+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 }));
+		let changed = false;
+		root.walkAtRules((rule) => {
+			if (rule.name === "import" || rule.name === "font-face" || rule.name.endsWith("keyframes")) {
+				rule.remove();
+				changed = true;
+			}
+		});
+		root.walkRules((rule) => {
+			if (isWebpackKeyframesRule(rule) || rule.selectors.some((selector) => hasWebpackClassSelector(selector))) {
+				rule.remove();
+				changed = true;
+			}
+		});
+		root.walkAtRules((rule) => {
+			if (rule.nodes !== void 0 && rule.nodes.length === 0) {
+				rule.remove();
+				changed = true;
+			}
+		});
+		return changed ? root.toString() : source;
+	} catch {
+		return "";
+	}
+}
 const WEBPACK_TAILWIND_GENERATED_LAYER_NAMES = /* @__PURE__ */ new Set([
 	"theme",
 	"base",
@@ -477,11 +521,31 @@ const WEBPACK_TAILWIND_GENERATED_LAYER_NAMES = /* @__PURE__ */ new Set([
 const WEBPACK_TAILWIND_UTILITY_RULE_MARKER_RE = /(?:^|[^\w-])\.[^,{]{0,512}(?:\\:|\\\[|\\#)/;
 const WEBPACK_TAILWIND_UTILITY_PREFIX_RE = /^\.(?:-?(?:bg|text|border|ring|shadow|drop-shadow|[pmwhz]|px|py|pt|pr|pb|pl|mx|my|mt|mr|mb|ml|min-w|min-h|max-w|max-h|flex|grid|inline|block|hidden|rounded|opacity|translate|scale|rotate|skew|top|right|bottom|left|inset|gap|font|leading|tracking|underline|container)(?:[\-\\{]|$)|\\\[)/;
 const WEBPACK_TAILWIND_BANNER_RE = /tailwindcss v4\./;
+const WEBPACK_TAILWIND_PREFLIGHT_SELECTORS = /* @__PURE__ */ new Set([
+	"*",
+	":after",
+	":before",
+	"::after",
+	"::before",
+	"::backdrop",
+	"view",
+	"text"
+]);
+const WEBPACK_TAILWIND_PREFLIGHT_PROPS = /* @__PURE__ */ new Set([
+	"box-sizing",
+	"border",
+	"border-width",
+	"border-style",
+	"border-color",
+	"margin",
+	"padding"
+]);
+const WEBPACK_TAILWIND_THEME_TOKEN_RE = /^--(?:tw-|color-|spacing|breakpoint-|container-|text-|font-|tracking-|leading-|radius-|shadow-|inset-shadow-|drop-shadow-|ease-|animate-|blur-|perspective-|aspect-|default-)/;
 function parseWebpackCssLayerNames(params) {
 	return params.split(",").map((name) => name.trim()).filter(Boolean);
 }
 function removeWebpackTailwindGeneratedAssetCss(source) {
-	const cleaned = require_hmr_timing.removeTailwindV4GeneratedUserCssArtifacts(source);
+	const cleaned = require_v4_engine.removeTailwindV4GeneratedUserCssArtifacts(source);
 	try {
 		const root = _weapp_tailwindcss_postcss.postcss.parse(cleaned);
 		let changed = false;
@@ -512,18 +576,21 @@ function removeWebpackTailwindGeneratedAssetCss(source) {
 				return;
 			}
 			if (shouldRemoveLayer && !names.includes("utilities")) {
-				rule.remove();
-				changed = true;
+				for (const child of [...rule.nodes ?? []]) if (isWebpackTailwindGeneratedLayerNode(child, names)) {
+					child.remove();
+					changed = true;
+				}
+				if (rule.nodes?.length === 0) {
+					rule.remove();
+					changed = true;
+				}
 				return;
 			}
 			if (shouldRemoveLayer) {
-				rule.walkRules((nestedRule) => {
-					const selector = nestedRule.selector.trim();
-					if (WEBPACK_TAILWIND_UTILITY_RULE_MARKER_RE.test(selector) || WEBPACK_TAILWIND_UTILITY_PREFIX_RE.test(selector)) {
-						nestedRule.remove();
-						changed = true;
-					}
-				});
+				for (const child of [...rule.nodes ?? []]) if (isWebpackTailwindGeneratedLayerNode(child, names)) {
+					child.remove();
+					changed = true;
+				}
 				if (rule.nodes?.length === 0) {
 					rule.remove();
 					changed = true;
@@ -533,7 +600,7 @@ function removeWebpackTailwindGeneratedAssetCss(source) {
 		root.walkRules((rule) => {
 			if (rule.parent?.type === "atrule" && rule.parent.name === "layer") return;
 			const selector = rule.selector.trim();
-			if (WEBPACK_TAILWIND_UTILITY_RULE_MARKER_RE.test(selector)) {
+			if (WEBPACK_TAILWIND_UTILITY_RULE_MARKER_RE.test(selector) || isWebpackTailwindGeneratedPreflightRule(rule)) {
 				rule.remove();
 				changed = true;
 			}
@@ -556,14 +623,59 @@ function removeWebpackTailwindGeneratedAssetCss(source) {
 	}
 }
 function isWebpackTailwindGeneratedPrefixNode(node) {
-	if (node.type === "rule") return node.selectors.every((selector) => isWebpackTailwindGeneratedUtilitySelector(selector.trim(), true));
+	if (node.type === "rule") return isWebpackTailwindGeneratedRule(node, [
+		"theme",
+		"base",
+		"utilities"
+	], true);
 	if (node.type !== "atrule") return false;
 	const names = node.name === "layer" ? parseWebpackCssLayerNames(node.params) : [];
 	if (node.name === "property" && node.params.trim().startsWith("--tw-")) return true;
-	if (names.length > 0 && names.every((name) => WEBPACK_TAILWIND_GENERATED_LAYER_NAMES.has(name))) return true;
+	if (names.length > 0 && names.every((name) => WEBPACK_TAILWIND_GENERATED_LAYER_NAMES.has(name))) {
+		if (node.nodes === void 0) return true;
+		return node.nodes.length > 0 && node.nodes.every((child) => isWebpackTailwindGeneratedLayerNode(child, names));
+	}
 	if (node.nodes === void 0 || node.nodes.length === 0) return false;
 	return node.nodes.every((child) => isWebpackTailwindGeneratedPrefixNode(child));
 }
+function isWebpackTailwindGeneratedLayerNode(node, layerNames) {
+	if (node.type === "rule") return isWebpackTailwindGeneratedRule(node, layerNames, false);
+	if (node.type !== "atrule") return false;
+	if (node.name === "property" && node.params.trim().startsWith("--tw-")) return true;
+	if (node.nodes === void 0 || node.nodes.length === 0) return false;
+	return node.nodes.every((child) => isWebpackTailwindGeneratedLayerNode(child, layerNames));
+}
+function isWebpackTailwindGeneratedRule(rule, layerNames, includePrefix) {
+	const selectors = rule.selectors ?? [rule.selector];
+	if (selectors.every((selector) => isWebpackTailwindGeneratedUtilitySelector(selector.trim(), includePrefix))) return true;
+	if (selectors.every((selector) => isWebpackTailwindGeneratedUtilitySelector(selector.trim(), true))) return true;
+	if (layerNames.includes("theme") && isWebpackTailwindGeneratedThemeRule(rule)) return true;
+	if (layerNames.includes("base") && isWebpackTailwindGeneratedPreflightRule(rule)) return true;
+	return false;
+}
+function isWebpackTailwindGeneratedThemeRule(rule) {
+	const declarations = (rule.nodes ?? []).filter((node) => node.type === "decl");
+	return declarations.length > 0 && declarations.every((decl) => WEBPACK_TAILWIND_THEME_TOKEN_RE.test(decl.prop) || decl.value.includes("--theme("));
+}
+function isWebpackTailwindGeneratedPreflightRule(rule) {
+	const selectors = rule.selectors ?? [rule.selector];
+	const declarations = (rule.nodes ?? []).filter((node) => node.type === "decl");
+	return selectors.length > 0 && declarations.length > 0 && selectors.every((selector) => {
+		const normalized = selector.trim().replace(/\s+/g, " ");
+		return WEBPACK_TAILWIND_PREFLIGHT_SELECTORS.has(normalized);
+	}) && declarations.every((decl) => WEBPACK_TAILWIND_PREFLIGHT_PROPS.has(decl.prop));
+}
+function isOnlyWebpackTailwindGeneratedPreflightCss(source) {
+	try {
+		const nodes = _weapp_tailwindcss_postcss.postcss.parse(source).nodes ?? [];
+		return nodes.length > 0 && nodes.every((node) => {
+			if (node.type === "rule") return isWebpackTailwindGeneratedPreflightRule(node);
+			return node.type === "atrule" && (node.nodes === void 0 || node.nodes.length === 0);
+		});
+	} catch {
+		return false;
+	}
+}
 function isWebpackTailwindGeneratedUtilitySelector(selector, includePrefix) {
 	return WEBPACK_TAILWIND_UTILITY_RULE_MARKER_RE.test(selector) || includePrefix && WEBPACK_TAILWIND_UTILITY_PREFIX_RE.test(selector);
 }
@@ -748,7 +860,7 @@ 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_hmr_timing.removeMiniProgramHoverSelectors(source, styleOptions.cssRemoveHoverPseudoClass), {
+	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,
 		isTailwindcssV4: true,
 		tailwindcssV4GradientFallback: styleOptions.tailwindcssV4GradientFallback
@@ -821,21 +933,20 @@ function finalizeTracedWebpackCssAsset(css, cssHandlerOptions, options) {
 function finalizeWebpackCssAssetSource(source, compilerOptions, isWebGeneratorTarget, options = {}) {
 	const styleOptions = require_context.resolveStyleOptionsFromContext(compilerOptions);
 	if (isWebGeneratorTarget) {
-		if (options.generatedCss === true) return stripTrailingLineWhitespace(require_hmr_timing.stripUnmatchedTailwindSourceMediaCloseFragments(require_hmr_timing.stripTailwindSourceMediaFragments(require_source_candidate_scan_signature.stripBundlerGeneratedCssMarkers(source))));
-		return stripTrailingLineWhitespace(require_hmr_timing.stripUnmatchedTailwindSourceMediaCloseFragments(require_hmr_timing.stripTailwindSourceMediaFragments(require_hmr_timing.removeTailwindV4GeneratorAtRules(require_v4_engine.removeTailwindSourceDirectives(require_source_candidate_scan_signature.stripBundlerGeneratedCssMarkers(source), { importFallback: true })))));
+		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 })))));
 	}
 	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_hmr_timing.removeMiniProgramHoverSelectors(finalized, styleOptions.cssRemoveHoverPseudoClass));
+	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 {
-		finalized = (0, _weapp_tailwindcss_postcss.finalizeMiniProgramCss)(finalized, {
-			cssPreflight: options.cssPreflight === false ? false : !require_hmr_timing.hasMiniProgramTailwindV4PreflightReset(finalized) ? compilerOptions.cssPreflight : void 0,
-			isTailwindcssV4: true,
-			tailwindcssV4GradientFallback: styleOptions.tailwindcssV4GradientFallback
-		});
-	}
-	return (0, _weapp_tailwindcss_postcss.stripMiniProgramCssSpecificityPlaceholders)(require_hmr_timing.removeMiniProgramHoverSelectors(finalized, styleOptions.cssRemoveHoverPseudoClass));
+	} catch {}
+	finalized = (0, _weapp_tailwindcss_postcss.finalizeMiniProgramCss)(finalized, {
+		cssPreflight: options.cssPreflight === false ? false : !require_hmr_timing.hasMiniProgramTailwindV4PreflightReset(finalized) ? compilerOptions.cssPreflight : void 0,
+		isTailwindcssV4: true,
+		tailwindcssV4GradientFallback: styleOptions.tailwindcssV4GradientFallback
+	});
+	return (0, _weapp_tailwindcss_postcss.stripMiniProgramCssSpecificityPlaceholders)(require_v4_engine.removeMiniProgramHoverSelectors(finalized, styleOptions.cssRemoveHoverPseudoClass));
 }
 function collectWebpackJsRuntimeCandidatesFromAssets(options) {
 	if (options.isWebGeneratorTarget) return;
@@ -876,6 +987,26 @@ function stringifyWebpackSourceLike(source) {
 }
 //#endregion
 //#region src/bundlers/webpack/BaseUnifiedPlugin/v5-assets/css-source-resolvers.ts
+function normalizeWebpackCssSourceRef(file) {
+	return file.replaceAll("\\", "/");
+}
+function collectWebpackCssTokenSourceRefs(source) {
+	const refs = /* @__PURE__ */ new Set();
+	for (const line of source.split("\n")) {
+		if (!line.includes("/* tokens:") || !line.includes("<=")) continue;
+		const traceStart = line.indexOf("<=");
+		const traceEnd = line.indexOf("*/", traceStart);
+		const trace = line.slice(traceStart + 2, traceEnd >= 0 ? traceEnd : void 0);
+		for (const segment of trace.split("|")) {
+			const sourceList = segment.replace(/^[^<]*<=\s*/, "").split(",");
+			for (const ref of sourceList) {
+				const normalizedRef = ref.trim();
+				if (normalizedRef) refs.add(normalizeWebpackCssSourceRef(normalizedRef));
+			}
+		}
+	}
+	return refs;
+}
 function createWebpackCssSourceResolvers(options) {
 	const { activeWebpackAssetResourceFiles, appType, compilerOptions, compilation, cssAssetResources, cssHandlerOptionsCache, cssSources, cssUserHandlerOptionsCache, groupedCssEntriesLength, singleCssAssetFile, isWebGeneratorTarget, outputDir, runtimeState } = options;
 	const hasConfiguredTailwindV4SourceRoots = () => {
@@ -943,6 +1074,19 @@ function createWebpackCssSourceResolvers(options) {
 			return activeAssetResource;
 		}
 		if (rawSource) {
+			const tokenSourceRefs = collectWebpackCssTokenSourceRefs(rawSource);
+			if (tokenSourceRefs.size > 0) {
+				const tokenSourceMatches = [...cssSources.keys()].filter((sourceFile) => {
+					const relativeSourceFile = normalizeWebpackCssSourceRef(node_path.default.relative(compilerOptions.tailwindcssBasedir, sourceFile));
+					const absoluteSourceFile = normalizeWebpackCssSourceRef(node_path.default.resolve(sourceFile));
+					return tokenSourceRefs.has(relativeSourceFile) || tokenSourceRefs.has(absoluteSourceFile);
+				}).sort();
+				if (tokenSourceMatches.length === 1) {
+					const sourceFile = tokenSourceMatches[0];
+					activeWebpackCssSourceFiles.add(sourceFile);
+					return sourceFile;
+				}
+			}
 			const representedTailwindSourceMatches = [...cssSources.entries()].filter(([, source]) => isWebpackCssSourceRepresentedInAsset(rawSource, source.css)).map(([sourceFile]) => ({
 				sourceFile,
 				score: require_hmr_timing.scoreTailwindV4CssSourceFileMatch(file, sourceFile, {
@@ -1703,7 +1847,7 @@ function setupWebpackV5ProcessAssetsHook(options) {
 					return rawSource;
 				};
 				const chunkHash = assetHashByChunk.get(file);
-				const cssHandlerOptionsForProcessedAsset = getCssHandlerOptions(file);
+				const cssHandlerOptionsForProcessedAsset = getCssHandlerOptions(file, readRawSource());
 				const processedCssAssetMetadata = { isMainCssChunk: cssHandlerOptionsForProcessedAsset.isMainChunk };
 				const processedSourceFile = cssHandlerOptionsForProcessedAsset.sourceOptions?.sourceFile;
 				const processedSourceCss = processedSourceFile ? cssSources.get(node_path.default.resolve(processedSourceFile))?.css : void 0;
@@ -1738,9 +1882,10 @@ function setupWebpackV5ProcessAssetsHook(options) {
 					...source,
 					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 shouldPreserveFinalWebCssAsset = isWebGeneratorTarget && processedSourceFile === void 0 && !shouldForceConfiguredMainCssGeneration && (hasGeneratedCssMarker || hasTailwindGeneratedAssetCss);
-				const shouldSkipKnownProcessedCssAsset = !shouldForceConfiguredMainCssGeneration && !shouldRegenerateProcessedTailwindV4SourceCss && !shouldRegenerateStaleProcessedWebCssAsset && (processedCssAssetKnown || isWebpackProcessedCssAsset?.(file, readCurrentProcessedRawSource(), processedCssAssetMetadata)) && !hasProcessedMainAssetUserCss && (!cssHandlerOptionsForProcessedAsset.isMainChunk || hasGeneratedCssMarker || hasTailwindGeneratedAssetCss);
+				const shouldSkipKnownProcessedCssAsset = !shouldForceConfiguredMainCssGeneration && !shouldRegenerateProcessedTailwindV4SourceCss && !shouldRegenerateStaleProcessedWebCssAsset && (processedCssAssetKnown || isWebpackProcessedCssAsset?.(file, readCurrentProcessedRawSource(), processedCssAssetMetadata)) && !hasProcessedMainAssetUserCss && !hasProcessedLoaderGeneratedUserCss && (!cssHandlerOptionsForProcessedAsset.isMainChunk || hasGeneratedCssMarker || hasTailwindGeneratedAssetCss);
 				const shouldSkipProcessedCssAsset = cachedSkipProcessedCssAsset ?? (shouldFinalizeProcessedWebCssAsset || shouldPreserveFinalWebCssAsset || shouldSkipKnownProcessedCssAsset);
 				if (processedCssAssetKnown && cachedSkipProcessedCssAsset === void 0 && !shouldFinalizeProcessedWebCssAsset && !shouldPreserveFinalWebCssAsset) processedCssAssetSkipDecisionCache.set(processedCssDecisionCacheKey, shouldSkipProcessedCssAsset === true);
 				if (shouldSkipProcessedCssAsset) {
@@ -1765,12 +1910,29 @@ function setupWebpackV5ProcessAssetsHook(options) {
 							},
 							transform: async () => {
 								const source = readCurrentProcessedRawSource();
+								const processedBareSelectorSourceCss = processedSourceCss ?? (hasTailwindGeneratedAssetCss ? removeWebpackTailwindGeneratedAssetCss(source) : void 0);
 								const nextCss = stripTrailingLineWhitespace(finalizeCssAssetSource(hasTailwindGeneratedAssetCss && !hasGeneratedCssMarker ? isWebGeneratorTarget ? source : (await compilerOptions.styleHandler(source, cssHandlerOptionsForProcessedAsset)).css : source, {
 									cssPreflight: cssHandlerOptionsForProcessedAsset.isMainChunk,
 									generatedCss: hasGeneratedCssMarker || hasTailwindGeneratedAssetCss
 								}));
+								const processedSourceBareUserCss = isWebGeneratorTarget || processedBareSelectorSourceCss === void 0 ? void 0 : createWebpackGeneratorUserCssSourceAppend({
+									css: collectWebpackBareSelectorUserCss(processedBareSelectorSourceCss),
+									processed: false
+								});
+								const finalizedProcessedSourceBareUserCss = processedSourceBareUserCss === void 0 ? "" : finalizeCssAssetSource(processedSourceBareUserCss.css, {
+									cssPreflight: false,
+									generatedCss: false
+								});
+								const missingProcessedSourceBareUserCss = finalizedProcessedSourceBareUserCss.trim().length === 0 ? "" : (0, _weapp_tailwindcss_postcss.filterExistingCssRules)(nextCss, finalizedProcessedSourceBareUserCss);
+								const css = missingProcessedSourceBareUserCss.trim().length === 0 ? nextCss : createWebpackGeneratorUserCssSourceAppend({
+									css: nextCss,
+									processed: true
+								}, {
+									css: missingProcessedSourceBareUserCss,
+									processed: true
+								}).css;
 								debug("css skip webpack-loader-pipeline asset: %s", file);
-								return { result: new ConcatSource(finalizeTracedCss(nextCss, cssHandlerOptionsForProcessedAsset)) };
+								return { result: new ConcatSource(finalizeTracedCss(css, cssHandlerOptionsForProcessedAsset)) };
 							}
 						});
 					}, cssTaskFactories);
@@ -1839,7 +2001,14 @@ function setupWebpackV5ProcessAssetsHook(options) {
 							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"));
-							if (loaderGeneratedCss && (!shouldRegenerateExplicitTailwindV4CssSource || require_source_candidate_scan_signature.hasBundlerGeneratedCssMarker(currentRawSource))) {
+							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),
+								loaderGeneratedClassSet: loaderGeneratedCss.classSet,
+								sourceCandidates: explicitTailwindV4SourceCandidates,
+								shouldRegenerateExplicitTailwindV4CssSource,
+								watchMode
+							})) {
 								for (const className of loaderGeneratedCss.classSet) {
 									generatorRuntimeSet.add(className);
 									transformRuntimeSet.add(className);
@@ -1848,16 +2017,49 @@ 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 css = finalizeTracedCss(finalizeCssAssetSource(currentAssetUserCss === void 0 ? loaderGeneratedCss.css : createWebpackGeneratorUserCssSourceAppend({
-									css: currentAssetHasProcessedUrl ? require_hmr_timing.removeGeneratedSelectorCompatCss(loaderGeneratedCss.css, currentAssetUserCss) : (0, _weapp_tailwindcss_postcss.filterExistingCssRules)(currentAssetUserCss, loaderGeneratedCss.css),
+								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))) {
+									debug("css skip duplicate webpack loader main generation: %s <- %s", file, sourceFile);
+									return { result: new ConcatSource(finalizeTracedCss("", 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),
 									processed: true
-								}, {
+								}, currentAssetUserCss === void 0 ? void 0 : {
 									css: currentAssetUserCss,
 									processed: true
 								}).css, {
 									cssPreflight: cssHandlerOptions.isMainChunk,
 									generatedCss: true
-								}), cssHandlerOptions);
+								});
+								const loaderSourceBareUserCss = isWebGeneratorTarget ? void 0 : createWebpackGeneratorUserCssSourceAppend(...[currentAssetUserCss === void 0 ? void 0 : {
+									css: currentAssetUserCss,
+									processed: true
+								}, sourceCss === void 0 ? void 0 : {
+									css: sourceCss,
+									processed: false
+								}].map((source) => {
+									if (source === void 0) return;
+									return {
+										css: collectWebpackBareSelectorUserCss(source.css),
+										processed: source.processed
+									};
+								}));
+								const finalizedLoaderSourceBareUserCss = loaderSourceBareUserCss === void 0 ? "" : finalizeCssAssetSource(loaderSourceBareUserCss.css, {
+									cssPreflight: false,
+									generatedCss: false
+								});
+								const missingLoaderSourceBareUserCss = finalizedLoaderSourceBareUserCss.trim().length === 0 ? "" : (0, _weapp_tailwindcss_postcss.filterExistingCssRules)(finalizedLoaderCss, finalizedLoaderSourceBareUserCss);
+								const css = finalizeTracedCss(missingLoaderSourceBareUserCss.trim().length === 0 ? finalizedLoaderCss : createWebpackGeneratorUserCssSourceAppend({
+									css: finalizedLoaderCss,
+									processed: true
+								}, {
+									css: missingLoaderSourceBareUserCss,
+									processed: true
+								}).css, cssHandlerOptions);
 								debug("css consume webpack loader generation: %s <- %s", file, sourceFile);
 								return { result: new ConcatSource(css) };
 							}
@@ -1948,7 +2150,7 @@ function setupWebpackV5ProcessAssetsHook(options) {
 								generated = void 0;
 							}
 							else debug("css generator skipped for unmatched webpack main css asset: %s", file);
-							const source = new ConcatSource(finalizeTracedCss(generated ? finalizeCssAssetSource(isWebGeneratorTarget && currentRawSource.includes("tailwindcss v4.") ? createWebpackGeneratorUserCssSourceAppend({
+							const finalizedGeneratedCss = generated ? finalizeCssAssetSource(isWebGeneratorTarget && currentRawSource.includes("tailwindcss v4.") ? createWebpackGeneratorUserCssSourceAppend({
 								css: generated.css,
 								processed: true
 							}, {
@@ -1957,7 +2159,36 @@ function setupWebpackV5ProcessAssetsHook(options) {
 							})?.css ?? generated.css : generated.css, {
 								cssPreflight: cssHandlerOptions.isMainChunk,
 								generatedCss: true
-							}) : isWebGeneratorTarget ? finalizeCssAssetSource(generatorRawSource, { generatedCss: false }) : finalizeCssAssetSource((await compilerOptions.styleHandler(generatorRawSource, cssHandlerOptions)).css, { generatedCss: false }), cssHandlerOptions));
+							}) : isWebGeneratorTarget ? finalizeCssAssetSource(generatorRawSource, { generatedCss: false }) : finalizeCssAssetSource((await compilerOptions.styleHandler(generatorRawSource, cssHandlerOptions)).css, { generatedCss: false });
+							const sourceBareUserCss = isWebGeneratorTarget ? void 0 : createWebpackGeneratorUserCssSourceAppend(...[
+								userRawSource,
+								sourceCss === void 0 ? void 0 : {
+									css: sourceCss,
+									processed: sourceCssProcessed
+								},
+								{
+									css: generatorRawSource,
+									processed: false
+								}
+							].map((source) => {
+								if (source === void 0) return;
+								return {
+									css: collectWebpackBareSelectorUserCss(source.css),
+									processed: source.processed
+								};
+							}));
+							const finalizedSourceBareUserCss = sourceBareUserCss === void 0 ? "" : finalizeCssAssetSource(sourceBareUserCss.css, {
+								cssPreflight: false,
+								generatedCss: false
+							});
+							const missingSourceBareUserCss = finalizedSourceBareUserCss.trim().length === 0 ? "" : (0, _weapp_tailwindcss_postcss.filterExistingCssRules)(finalizedGeneratedCss, finalizedSourceBareUserCss);
+							const source = new ConcatSource(finalizeTracedCss(missingSourceBareUserCss.trim().length === 0 ? finalizedGeneratedCss : createWebpackGeneratorUserCssSourceAppend({
+								css: finalizedGeneratedCss,
+								processed: true
+							}, {
+								css: missingSourceBareUserCss,
+								processed: true
+							}).css, cssHandlerOptions));
 							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);
@@ -2158,6 +2389,13 @@ function setupWebpackV5Loaders(options) {
 const debug = require_context.createDebug();
 const weappTailwindcssPackageDir = require_source_candidate_scan_signature.resolvePackageDir("weapp-tailwindcss");
 const outputIgnoredPredicatePath = Symbol("weapp-tailwindcss.outputIgnoredPredicatePath");
+function shouldKeepPreviousWebpackCssSource(previous, next) {
+	if (next.processed === true && previous.processed === false) return true;
+	if (previous.processed === true || next.processed === true || !previous.css || !next.css || previous.css === next.css) return false;
+	const previousMarkers = collectWebpackAssetUserCssMarkers(previous.css);
+	const nextMarkers = collectWebpackAssetUserCssMarkers(next.css);
+	return previousMarkers.size > nextMarkers.size && [...nextMarkers].every((marker) => previousMarkers.has(marker));
+}
 function normalizeIgnoredList(ignored) {
 	return (Array.isArray(ignored) ? [...ignored] : [ignored]).filter((item) => typeof item === "string" || item instanceof RegExp || typeof item === "function");
 }
@@ -2335,14 +2573,15 @@ var WeappTailwindcss = class {
 		const registerWebpackCssSourceFile = (source) => {
 			const file = node_path.default.resolve(source.file);
 			const previous = webpackCssSources.get(file);
-			if (source.processed === true && previous?.processed === false) {
+			const next = {
+				css: typeof source.css === "string" ? require_v4_engine.normalizeTailwindConfigDirectives(source.css, node_path.default.dirname(file)) : source.css,
+				processed: source.processed
+			};
+			if (previous && shouldKeepPreviousWebpackCssSource(previous, next)) {
 				currentWebpackCssSourceFiles.add(file);
 				return;
 			}
-			webpackCssSources.set(file, {
-				css: typeof source.css === "string" ? require_v4_engine.normalizeTailwindConfigDirectives(source.css, node_path.default.dirname(file)) : source.css,
-				processed: source.processed
-			});
+			webpackCssSources.set(file, next);
 			currentWebpackCssSourceFiles.add(file);
 		};
 		const registerWebpackGeneratedCss = (source) => {