weapp-tailwindcss 5.1.14 → 5.1.16

package/dist/{webpack-CZ38fMGC.mjs → webpack-Bo1QrFPf.mjs}

@@ -1,16 +1,16 @@
-import { B as stripUnmatchedTailwindSourceMediaCloseFragments, E as resolveTailwindcssOptions, F as removeTailwindV4GeneratedUserCssArtifacts, H as finalizeMiniProgramCss, I as removeTailwindV4GeneratorAtRules, J as hasTailwindApplyDirective, K as stripMiniProgramCssSpecificityPlaceholders, M as isCommentOnlyCss, P as removeMiniProgramHoverSelectors, Q as normalizeTailwindConfigDirectives, W as pruneMiniProgramGeneratedCss, X as hasTailwindRootDirectives, Z as hasTailwindSourceDirectives, ct as hasTailwindGeneratedCssMarkers, g as upsertTailwindV4CssSource, h as hasConfiguredTailwindV4CssRoots, i as normalizeWeappTailwindcssGeneratorOptions, kt as resolveSourceScanPath, nt as removeTailwindSourceDirectives, o as resolveRuntimeBranch, st as hasTailwindGeneratedCss, tt as parseImportRequest, vt as getTailwindV4IncrementalGenerateCacheStats, z as stripTailwindSourceMediaFragments } from "./generator-B59OA64h.mjs";
-import { g as resolveTailwindV4EntriesFromCssCached, l as getRuntimeClassSetSignature, p as resolveViteSourceScanEntries } from "./tailwindcss-DPcKMLxL.mjs";
+import { $ as normalizeTailwindConfigDirectives, A as isCommentOnlyCss, B as removeTailwindV4GeneratedUserCssArtifacts, Dt as resolveSourceScanPath, E as resolveTailwindcssOptions, F as finalizeMiniProgramCss, L as pruneMiniProgramGeneratedCss, M as removeTailwindV4GeneratorAtRules, N as stripTailwindSourceMediaFragments, Nt as getTailwindV4IncrementalGenerateCacheStats, P as stripUnmatchedTailwindSourceMediaCloseFragments, Q as hasTailwindSourceDirectives, Y as hasTailwindApplyDirective, Z as hasTailwindRootDirectives, ct as hasTailwindGeneratedCss, g as upsertTailwindV4CssSource, h as hasConfiguredTailwindV4CssRoots, i as normalizeWeappTailwindcssGeneratorOptions, j as removeMiniProgramHoverSelectors, lt as hasTailwindGeneratedCssMarkers, nt as parseImportRequest, o as resolveRuntimeBranch, rt as removeTailwindSourceDirectives, z as stripMiniProgramCssSpecificityPlaceholders } from "./generator-Bv7myuhY.mjs";
+import { g as resolveTailwindV4EntriesFromCssCached, l as getRuntimeClassSetSignature, p as resolveViteSourceScanEntries } from "./tailwindcss-BTcXX8Ka.mjs";
 import { r as getGroupedEntries } from "./utils-MVwpU07P.mjs";
 import { b as md5Hash, c as _defineProperty, y as createDebug } from "./wxml-DdGdeqaH.mjs";
-import { d as refreshTailwindRuntimeState, i as pluginName, l as createTailwindRuntimeReadyPromise, n as normalizeStyleHandlerMajorVersion, o as shouldSkipJsTransform, r as resolveStyleOptionsFromContext, t as getCompilerContext, u as ensureRuntimeClassSet } from "./context-BL8Gy71H.mjs";
+import { d as refreshTailwindRuntimeState, i as pluginName, l as createTailwindRuntimeReadyPromise, n as normalizeStyleHandlerMajorVersion, o as shouldSkipJsTransform, r as resolveStyleOptionsFromContext, t as getCompilerContext, u as ensureRuntimeClassSet } from "./context-JzwzSX36.mjs";
 import { getDefaultCssPreflight } from "./defaults.mjs";
-import { A as processCachedTask, C as removeGeneratedSelectorCompatCss, D as createCssSourceTraceCacheSignature, E as annotateCssSourceTrace, O as createCssTokenSourceMap, S as scoreTailwindV4CssSourceFileMatch, T as hasMiniProgramTailwindV4PreflightReset, a as isSourceCandidateRequest, c as collectStrictEscapedRuntimeCandidates, f as pushConcurrentTaskFactories, i as createSourceCandidateStore, k as isCssSourceTraceEnabled, l as createEscapeFragments, n as emitHmrTiming, o as resolveSourceCandidateScanFiles, p as resolveTaskConcurrency, s as createBundleRuntimeClassSetManager, w as createCssSourceOrderAppend, y as isPureLocalCssImportWrapper } from "./hmr-timing-C3ed5vCx.mjs";
-import { E as stripRequestQuery, F as resolvePluginDisabledState, L as createBuiltinWebpackStyleInjectorPlugin, N as stripBundlerGeneratedCssMarkers, O as resolveOutputSpecifier, P as resolvePackageDir, T as isSourceStyleRequest, V as resolveWebpackFrameworkProfile, a as createCandidateSignature, f as classifyBundleEntry, j as hasBundlerGeneratedCssMarker, k as toAbsoluteOutputPath, m as updateBundleBuildState, p as createBundleBuildState, r as createScopedGeneratorRuntime, t as createSourceCandidateScanSignature, w as generateTailwindV4Css, x as createRuntimeAffectingSourceSignature, z as webpackStyleInjectorDelegates } from "./source-candidate-scan-signature-D7RWjWsY.mjs";
+import { A as processCachedTask, C as hasBundlerGeneratedCssMarker, D as createCssSourceTraceCacheSignature, E as annotateCssSourceTrace, F as resolveSourceCandidateScanFiles, I as createBundleRuntimeClassSetManager, L as collectStrictEscapedRuntimeCandidates, M as createSourceCandidateStore, N as isSourceCandidateRequest, O as createCssTokenSourceMap, R as createEscapeFragments, T as stripBundlerGeneratedCssMarkers, c as pushConcurrentTaskFactories, g as isSourceStyleRequest, h as hasMiniProgramTailwindV4PreflightReset, k as isCssSourceTraceEnabled, l as resolveTaskConcurrency, n as emitHmrTiming, p as createCssSourceOrderAppend, s as collectRawSourceClassSelectors, v as stripRequestQuery, x as removeGeneratedSelectorCompatCss, y as scoreTailwindV4CssSourceFileMatch, z as isPureLocalCssImportWrapper } from "./hmr-timing-BXg7nI8N.mjs";
+import { A as collectFrameworkPostcssOptionsFromLoaderEntries, D as toAbsoluteOutputPath, E as resolveOutputSpecifier, I as webpackStyleInjectorDelegates, M as resolvePluginDisabledState, P as createBuiltinWebpackStyleInjectorPlugin, R as resolveWebpackFrameworkProfile, a as createCandidateSignature, f as classifyBundleEntry, j as resolvePackageDir, k as captureResolvedFrameworkPostcssOptions, m as updateBundleBuildState, p as createBundleBuildState, r as createScopedGeneratorRuntime, t as createSourceCandidateScanSignature, w as generateTailwindV4Css, x as createRuntimeAffectingSourceSignature } from "./source-candidate-scan-signature-CtK-mB_C.mjs";
 import Module, { createRequire } from "node:module";
 import fs from "node:fs";
 import path from "node:path";
 import process from "node:process";
-import { filterExistingCssRules, postcss } from "@weapp-tailwindcss/postcss";
+import { dedupeCoveredCssRules, filterExistingCssRules, mergeCoveredCssRuleDeclarations, postcss } from "@weapp-tailwindcss/postcss";
 import { readFile, stat } from "node:fs/promises";
 import micromatch from "micromatch";
 import { MappingChars2String } from "@weapp-core/escape";
@@ -67,17 +67,27 @@ function resolveSingleActiveWebpackCssResource(assetResources, activeWebpackAsse
 	const activeAssetResourceMatches = [...assetResources ?? []].map((sourceFile) => path.resolve(sourceFile)).filter((sourceFile) => activeWebpackAssetResourceFiles.has(sourceFile)).sort();
 	return activeAssetResourceMatches.length === 1 ? activeAssetResourceMatches[0] : void 0;
 }
-function createWebpackCssAssetResourceMap(chunks, chunkGraph, cssMatcher, normalizeResource) {
+function resolveWebpackCssModuleIdentifierResource(module) {
+	if (!module.type?.startsWith("css/") || typeof module.identifier !== "function") return;
+	const identifier = module.identifier();
+	const request = identifier.startsWith("css|") ? identifier.slice(4) : identifier;
+	const resourceWithMetadata = request.slice(request.lastIndexOf("!") + 1);
+	const metadataIndex = resourceWithMetadata.indexOf("|");
+	return metadataIndex === -1 ? resourceWithMetadata : resourceWithMetadata.slice(0, metadataIndex);
+}
+function createWebpackCssAssetResourceMapInternal(chunks, chunkGraph, cssMatcher, normalizeResource, onlyUnambiguousCssAssets) {
 	const resourcesByAsset = /* @__PURE__ */ new Map();
 	if (!chunkGraph?.getChunkModulesIterable) return resourcesByAsset;
 	const collectModuleResources = (module, resources, seen = /* @__PURE__ */ new Set()) => {
 		if (!module || seen.has(module)) return;
 		seen.add(module);
-		for (const candidate of [
+		const candidates = [
 			module.resource,
 			module.request,
 			module.userRequest
-		]) {
+		];
+		if (onlyUnambiguousCssAssets) candidates.push(resolveWebpackCssModuleIdentifierResource(module));
+		for (const candidate of candidates) {
 			if (typeof candidate !== "string") continue;
 			const normalized = normalizeResource(candidate, module);
 			if (normalized) resources.add(normalized);
@@ -97,7 +107,7 @@ function createWebpackCssAssetResourceMap(chunks, chunkGraph, cssMatcher, normal
 	};
 	for (const chunk of chunks) {
 		const cssFiles = toChunkFiles(chunk.files).filter((file) => cssMatcher(file));
-		if (cssFiles.length === 0) continue;
+		if (cssFiles.length === 0 || onlyUnambiguousCssAssets && cssFiles.length !== 1) continue;
 		const modules = chunkGraph.getChunkModulesIterable(chunk);
 		if (!modules) continue;
 		const cssResources = /* @__PURE__ */ new Set();
@@ -107,6 +117,12 @@ function createWebpackCssAssetResourceMap(chunks, chunkGraph, cssMatcher, normal
 	}
 	return resourcesByAsset;
 }
+function createWebpackCssAssetResourceMap(chunks, chunkGraph, cssMatcher, normalizeResource) {
+	return createWebpackCssAssetResourceMapInternal(chunks, chunkGraph, cssMatcher, normalizeResource, false);
+}
+function createWebpackDirectCssAssetResourceMap(chunks, chunkGraph, cssMatcher, normalizeResource) {
+	return createWebpackCssAssetResourceMapInternal(chunks, chunkGraph, cssMatcher, normalizeResource, true);
+}
 function createAssetHashByChunkMap(chunks) {
 	const partsByFile = /* @__PURE__ */ new Map();
 	for (const chunk of chunks) {
@@ -137,13 +153,243 @@ function isWatchFileInRuntimeDependencies(file, dependencies) {
 	return false;
 }
 //#endregion
-//#region src/bundlers/webpack/shared/css-loader-runtime.ts
-function isWebpackCssLoaderRuntimeSource(source) {
-	return source.includes("___CSS_LOADER_EXPORT___") && source.includes("___CSS_LOADER_API_IMPORT___") && source.includes("module.exports = ___CSS_LOADER_EXPORT___");
+//#region src/bundlers/webpack/BaseUnifiedPlugin/v5-assets/pipeline-helpers/runtime-candidates.ts
+function isRuntimeTransformCandidate(candidate) {
+	return candidate.length > 0 && !candidate.includes("=") && !candidate.includes("<") && !candidate.includes(">") && !candidate.includes("${");
+}
+//#endregion
+//#region src/bundlers/webpack/BaseUnifiedPlugin/v5-assets/pipeline-helpers/user-css-markers.ts
+function collectWebpackAssetUserCssMarkers(source) {
+	const markers = /* @__PURE__ */ new Set();
+	for (const match of source.matchAll(/\.((?:\\.|[_a-z\u00A0-\uFFFF-])(?:\\.|[\w\u00A0-\uFFFF-])*)/gi)) markers.add(`class:${match[1]}`);
+	for (const match of source.matchAll(/@(?:-[\w-]+-)?keyframes\s+((?:\\.|[-\w\u00A0-\uFFFF])+)/gi)) markers.add(`keyframes:${match[1]}`);
+	try {
+		const root = postcss.parse(source);
+		root.walkRules((rule) => {
+			for (const selector of rule.selectors) if (!/(?:^|[^\w-])\.[_a-z\u00A0-\uFFFF\\-]/i.test(selector)) markers.add(`selector:${selector.trim().replace(/\s+/g, " ")}`);
+			rule.walkDecls((decl) => {
+				if (decl.prop.startsWith("--")) markers.add(`custom-property:${decl.prop}`);
+			});
+		});
+		root.walkAtRules("font-face", (rule) => {
+			rule.walkDecls("font-family", (decl) => {
+				markers.add(`font-face:${decl.value.trim()}`);
+			});
+		});
+	} catch {}
+	return markers;
 }
 //#endregion
-//#region src/bundlers/webpack/BaseUnifiedPlugin/v5-assets/pipeline-helpers.ts
-const WEBPACK_CSS_HANDLER_OPTIONS_CACHE_MAX = 128;
+//#region src/bundlers/webpack/BaseUnifiedPlugin/v5-assets/pipeline-helpers/generated-css.ts
+const WEBPACK_TAILWIND_GENERATED_LAYER_NAMES = /* @__PURE__ */ new Set([
+	"theme",
+	"base",
+	"utilities"
+]);
+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 = removeTailwindV4GeneratedUserCssArtifacts(source);
+	try {
+		const root = postcss.parse(cleaned);
+		let changed = false;
+		let removingBannerPrefix = false;
+		for (const node of [...root.nodes]) {
+			if (node.type === "comment" && WEBPACK_TAILWIND_BANNER_RE.test(node.text)) {
+				node.remove();
+				changed = true;
+				removingBannerPrefix = true;
+				continue;
+			}
+			if (!removingBannerPrefix) continue;
+			if (isWebpackTailwindGeneratedPrefixNode(node)) {
+				node.remove();
+				changed = true;
+				continue;
+			}
+			removingBannerPrefix = false;
+		}
+		root.walkAtRules("layer", (rule) => {
+			const names = parseWebpackCssLayerNames(rule.params);
+			const hasGeneratedLayerName = names.some((name) => WEBPACK_TAILWIND_GENERATED_LAYER_NAMES.has(name));
+			const isLayerDeclaration = rule.nodes === void 0;
+			const shouldRemoveLayer = isLayerDeclaration ? hasGeneratedLayerName : names.length > 0 && names.every((name) => WEBPACK_TAILWIND_GENERATED_LAYER_NAMES.has(name));
+			if (shouldRemoveLayer && isLayerDeclaration) {
+				rule.remove();
+				changed = true;
+				return;
+			}
+			if (shouldRemoveLayer && !names.includes("utilities")) {
+				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) {
+				for (const child of [...rule.nodes ?? []]) if (isWebpackTailwindGeneratedLayerNode(child, names)) {
+					child.remove();
+					changed = true;
+				}
+				if (rule.nodes?.length === 0) {
+					rule.remove();
+					changed = true;
+				}
+			}
+		});
+		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) || isWebpackTailwindGeneratedPreflightRule(rule)) {
+				rule.remove();
+				changed = true;
+			}
+		});
+		root.walkComments((comment) => {
+			if (WEBPACK_TAILWIND_BANNER_RE.test(comment.text)) {
+				comment.remove();
+				changed = true;
+			}
+		});
+		root.walkAtRules((rule) => {
+			if (rule.nodes !== void 0 && rule.nodes.length === 0) {
+				rule.remove();
+				changed = true;
+			}
+		});
+		return changed ? root.toString() : cleaned;
+	} catch {
+		return cleaned;
+	}
+}
+function isWebpackTailwindGeneratedPrefixNode(node) {
+	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))) {
+		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 = 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);
+}
+function collectWebpackCssRuleIdentityMarkers(source) {
+	const markers = /* @__PURE__ */ new Set();
+	try {
+		const root = postcss.parse(source);
+		root.walkRules((rule) => {
+			for (const selector of rule.selectors) for (const match of selector.matchAll(/\.((?:\\.|[_a-z\u00A0-\uFFFF-])(?:\\.|[\w\u00A0-\uFFFF-])*)/gi)) markers.add(`class:${match[1]}`);
+		});
+		root.walkAtRules("keyframes", (rule) => {
+			if (rule.params) markers.add(`keyframes:${rule.params}`);
+		});
+	} catch {}
+	return markers;
+}
+function unescapeCssIdentifier(value) {
+	return value.replace(/\\([0-9a-f]{1,6}\s?|.)/gi, (_match, escaped) => {
+		const hex = escaped.trim();
+		if (/^[0-9a-f]+$/i.test(hex)) return String.fromCodePoint(Number.parseInt(hex, 16));
+		return escaped;
+	});
+}
+function collectGeneratedCssRuntimeCandidates(source) {
+	const candidates = /* @__PURE__ */ new Set();
+	if (hasBundlerGeneratedCssMarker(source) || !hasTailwindGeneratedCss(source) && !hasTailwindGeneratedCssMarkers(source)) return candidates;
+	try {
+		postcss.parse(source).walkRules((rule) => {
+			for (const selector of rule.selectors) for (const match of selector.matchAll(/\.((?:\\.|[\w\u00A0-\uFFFF-])(?:\\.|[\w\u00A0-\uFFFF-])*)/g)) {
+				const candidate = unescapeCssIdentifier(match[1]);
+				if (isRuntimeTransformCandidate(candidate)) candidates.add(candidate);
+			}
+		});
+	} catch {}
+	return candidates;
+}
+function hasAdditionalWebpackAssetUserCssMarkers(rawSource, generatorRawSource) {
+	const rawMarkers = collectWebpackAssetUserCssMarkers(rawSource);
+	if (rawMarkers.size === 0) return false;
+	const generatorMarkers = collectWebpackAssetUserCssMarkers(generatorRawSource);
+	for (const marker of rawMarkers) if (!generatorMarkers.has(marker)) return true;
+	return false;
+}
+function hasWebpackTailwindSourceDirectives(source) {
+	return Boolean(source) && (hasTailwindRootDirectives(source, { importFallback: true }) || hasTailwindSourceDirectives(source, { importFallback: true }) || hasTailwindApplyDirective(source) || hasTailwindGeneratedCss(source) || hasTailwindGeneratedCssMarkers(source));
+}
 function resolveConfiguredWebpackCssPreflight(compilerOptions, styleOptions) {
 	return styleOptions.cssPreflight ?? compilerOptions.cssPreflight ?? getDefaultCssPreflight();
 }
@@ -253,9 +499,6 @@ function removeTailwindV4StandaloneHostPreflightRule(source) {
 		return source;
 	}
 }
-function isRuntimeTransformCandidate(candidate) {
-	return candidate.length > 0 && !candidate.includes("=") && !candidate.includes("<") && !candidate.includes(">") && !candidate.includes("${");
-}
 function collectRuntimeTokenSignatureParts(source) {
 	return source.match(/[\w-]+_[A-Z][\w-]*/gi) ?? [];
 }
@@ -299,24 +542,246 @@ function pruneWebpackCssHandlerOptionCaches(cssHandlerOptionsCache, cssUserHandl
 	const activeSuffixes = [...activeCssFiles].map((file) => `:${file}`);
 	for (const key of cssHandlerOptionsCache.keys()) if (!activeSuffixes.some((suffix) => key.endsWith(suffix))) cssHandlerOptionsCache.delete(key);
 	for (const key of cssUserHandlerOptionsCache.keys()) if (!activeSuffixes.some((suffix) => key.endsWith(suffix))) cssUserHandlerOptionsCache.delete(key);
-	pruneMapToMaxSize(cssHandlerOptionsCache, WEBPACK_CSS_HANDLER_OPTIONS_CACHE_MAX);
-	pruneMapToMaxSize(cssUserHandlerOptionsCache, WEBPACK_CSS_HANDLER_OPTIONS_CACHE_MAX);
-}
-function resolveWebpackGeneratorRawSource(rawSource, cssHandlerOptions) {
-	const sourceCss = cssHandlerOptions.sourceOptions?.sourceCss;
-	if (sourceCss && (hasTailwindRootDirectives(sourceCss, { importFallback: true }) || hasTailwindSourceDirectives(sourceCss, { importFallback: true }) || hasTailwindApplyDirective(sourceCss) || hasTailwindGeneratedCss(sourceCss) || hasTailwindGeneratedCssMarkers(sourceCss))) return sourceCss;
-	return rawSource;
+	pruneMapToMaxSize(cssHandlerOptionsCache, 128);
+	pruneMapToMaxSize(cssUserHandlerOptionsCache, 128);
 }
-function shouldConsumeWebpackLoaderGeneratedCss(options) {
-	if (!options.shouldRegenerateExplicitTailwindV4CssSource) return true;
-	if (options.watchMode === true && options.loaderGeneratedClassSet && options.sourceCandidates && (hasMissingRuntimeCandidates(options.loaderGeneratedClassSet, options.sourceCandidates) || hasStaleRuntimeCandidates(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);
-}
-function normalizeWebpackGeneratorCssSources(cssSources) {
-	if (!Array.isArray(cssSources)) return;
+//#endregion
+//#region src/bundlers/webpack/BaseUnifiedPlugin/v5-assets/pipeline-helpers/memory-trace.ts
+function resolveWebpackMemoryDebugStats(context) {
+	if (process.env["WEAPP_TW_HMR_MEMORY_DEBUG"] !== "1") return;
+	const memory = process.memoryUsage();
+	const processCacheInstanceSize = context.cache.instance.size;
+	const processCacheHashMapSize = context.cache.hashMap.size;
+	return {
+		phase: context.phase,
+		process: {
+			rssMb: toMb(memory.rss),
+			heapTotalMb: toMb(memory.heapTotal),
+			heapUsedMb: toMb(memory.heapUsed),
+			externalMb: toMb(memory.external),
+			arrayBuffersMb: toMb(memory.arrayBuffers)
+		},
+		assets: {
+			active: context.activeAssetFiles,
+			activeCss: context.activeCssFiles
+		},
+		processCache: {
+			instance: processCacheInstanceSize,
+			hashMap: processCacheHashMapSize,
+			activeCacheKeys: context.activeProcessCacheKeys.size,
+			activeHashKeys: context.activeProcessHashKeys.size,
+			staleCacheKeys: Math.max(0, processCacheInstanceSize - context.activeProcessCacheKeys.size),
+			staleHashKeys: Math.max(0, processCacheHashMapSize - context.activeProcessHashKeys.size),
+			pruned: true,
+			pruneSkipped: false
+		},
+		webpackCss: {
+			handlerOptions: context.cssHandlerOptionsCache.size,
+			userHandlerOptions: context.cssUserHandlerOptionsCache.size,
+			maxHandlerOptions: 128
+		},
+		sourceCandidateScan: context.sourceCandidateScan,
+		tailwind: { v4: getTailwindV4IncrementalGenerateCacheStats() }
+	};
+}
+function shouldInjectWebpackCssTracePreflight(_appType, cssHandlerOptions) {
+	if (includesTailwindPreflightImport(cssHandlerOptions.sourceOptions?.sourceCss)) return true;
+	return cssHandlerOptions.isMainChunk !== false;
+}
+function includesTailwindPreflightImport(source) {
+	if (!source) return false;
+	try {
+		let includesPreflight = false;
+		postcss.parse(source).walkAtRules((rule) => {
+			if (rule.name === "tailwind") {
+				includesPreflight || (includesPreflight = rule.params.trim() === "base");
+				return;
+			}
+			if (rule.name !== "import") return;
+			const request = 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;
+	} catch {
+		return false;
+	}
+}
+function finalizeMiniProgramUserCssAssetSource(source, compilerOptions, isWebGeneratorTarget, options = {}) {
+	const styleOptions = resolveStyleOptionsFromContext(compilerOptions);
+	if (isWebGeneratorTarget) return source;
+	return stripMiniProgramCssSpecificityPlaceholders(removeTailwindV4StandaloneHostPreflightRule(finalizeMiniProgramCss(removeMiniProgramHoverSelectors(source, styleOptions.cssRemoveHoverPseudoClass), {
+		cssPreflight: options.cssPreflight === false ? false : !hasMiniProgramTailwindV4PreflightReset(source) ? resolveConfiguredWebpackCssPreflight(compilerOptions, styleOptions) : void 0,
+		isTailwindcssV4: true,
+		tailwindcssV4GradientFallback: styleOptions.tailwindcssV4GradientFallback
+	})));
+}
+function shouldFallbackToWebpackUserCssOnGeneratorError(options) {
+	return !hasTailwindRootDirectives(options.generatorRawSource, { importFallback: true }) && !hasTailwindSourceDirectives(options.generatorRawSource, { importFallback: true }) && !hasTailwindApplyDirective(options.generatorRawSource) && !options.hasExplicitTailwindV4SourceCss && options.configuredMainCssEntryFilesLength === 0;
+}
+//#endregion
+//#region src/bundlers/webpack/BaseUnifiedPlugin/v5-assets/pipeline-helpers/finalize.ts
+function finalizeTracedWebpackCssAsset(css, cssHandlerOptions, options) {
+	if (options.finalized === true) return options.annotateCss(css);
+	if (options.isWebGeneratorTarget || !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 = resolveStyleOptionsFromContext(compilerOptions);
+	if (isWebGeneratorTarget) {
+		if (options.generatedCss === true) return stripTrailingLineWhitespace(stripUnmatchedTailwindSourceMediaCloseFragments(stripTailwindSourceMediaFragments(stripBundlerGeneratedCssMarkers(source))));
+		return stripTrailingLineWhitespace(stripUnmatchedTailwindSourceMediaCloseFragments(stripTailwindSourceMediaFragments(removeTailwindV4GeneratorAtRules(removeTailwindSourceDirectives(stripBundlerGeneratedCssMarkers(source), { importFallback: true })))));
+	}
+	let finalized = removeTailwindSourceDirectives(stripBundlerGeneratedCssMarkers(source), { importFallback: true });
+	if (options.generatedCss !== true) {
+		finalized = finalizeMiniProgramCss(finalized, {
+			cssPreflight: false,
+			isTailwindcssV4: true,
+			tailwindcssV4GradientFallback: styleOptions.tailwindcssV4GradientFallback
+		});
+		finalized = dedupeMiniProgramPreflightSelectorRules(finalized);
+		return stripMiniProgramCssSpecificityPlaceholders(removeMiniProgramHoverSelectors(finalized, styleOptions.cssRemoveHoverPseudoClass));
+	}
+	try {
+		finalized = 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 = finalizeMiniProgramCss(finalized, {
+		cssPreflight: options.cssPreflight === false && !hasExistingMiniProgramPreflight ? false : !hasMiniProgramTailwindV4PreflightReset(finalized) ? resolveExistingWebpackCssPreflight(compilerOptions, styleOptions, source) : void 0,
+		isTailwindcssV4: true,
+		tailwindcssV4GradientFallback: styleOptions.tailwindcssV4GradientFallback
+	});
+	finalized = ensureWebpackMiniProgramTwContentInit(finalized);
+	if (shouldRemoveExistingPreflight) finalized = removeMiniProgramPreflightSelectorRule(finalized);
+	else finalized = dedupeMiniProgramPreflightSelectorRules(finalized);
+	return stripMiniProgramCssSpecificityPlaceholders(removeMiniProgramHoverSelectors(finalized, styleOptions.cssRemoveHoverPseudoClass));
+}
+function finalizeWebpackCssAssetOutputSource(source, compilerOptions, isWebGeneratorTarget) {
+	if (isWebGeneratorTarget) return source;
+	const styleOptions = resolveStyleOptionsFromContext(compilerOptions);
+	return stripMiniProgramCssSpecificityPlaceholders(removeMiniProgramHoverSelectors(dedupeCoveredCssRules(dedupeMiniProgramPreflightSelectorRules(source)), styleOptions.cssRemoveHoverPseudoClass));
+}
+function collectWebpackJsRuntimeCandidatesFromAssets(options) {
+	if (options.isWebGeneratorTarget) return;
+	const candidates = /* @__PURE__ */ new Set();
+	for (const file of options.jsAssets) {
+		const sourceLike = options.getAssetSource(file);
+		if (sourceLike === void 0) continue;
+		const source = stringifyWebpackSourceLike(sourceLike);
+		for (const candidate of collectStrictEscapedRuntimeCandidates(source, MappingChars2String, options.escapeFragments)) if (isRuntimeTransformCandidate(candidate)) candidates.add(candidate);
+	}
+	return candidates;
+}
+function collectWebpackJsRuntimeTokenSignature(options) {
+	if (options.isWebGeneratorTarget) return "";
+	const tokens = [];
+	for (const file of options.jsAssets) {
+		const sourceLike = options.getAssetSource(file);
+		if (sourceLike === void 0) continue;
+		tokens.push(...collectRuntimeTokenSignatureParts(stringifyWebpackSourceLike(sourceLike)));
+	}
+	return tokens.sort().join("\n");
+}
+function addRuntimeTransformCandidates(target, candidates) {
+	if (!candidates?.size) return;
+	for (const candidate of candidates) if (isRuntimeTransformCandidate(candidate)) target.add(candidate);
+}
+function createWebpackCssSourceTraceTokenSources(compilerOptions, webpackSourceCandidates) {
+	if (!isCssSourceTraceEnabled(compilerOptions) || !webpackSourceCandidates) return;
+	return createCssTokenSourceMap(webpackSourceCandidates.tokenSources, compilerOptions);
+}
+function stringifyOptionalWebpackSourceValue(value) {
+	return typeof value === "string" ? value : value?.toString() ?? "";
+}
+function stringifyWebpackSourceLike(source) {
+	if (typeof source === "string") return source;
+	const value = source.source();
+	return typeof value === "string" ? value : value.toString();
+}
+//#endregion
+//#region src/bundlers/webpack/BaseUnifiedPlugin/v5-assets/pipeline-helpers/resources.ts
+function isWindowsAbsoluteResourcePath(file) {
+	return /^[a-z]:[\\/]/i.test(file) || /^[/\\]{2}[^/\\]/.test(file);
+}
+function isPosixAbsoluteResourcePath(file) {
+	return file.startsWith("/");
+}
+function resolveWebpackResourcePath(file, base) {
+	if (isWindowsAbsoluteResourcePath(file)) return path.win32.resolve(file);
+	if (isPosixAbsoluteResourcePath(file)) return path.posix.resolve(file);
+	if (base) {
+		if (isWindowsAbsoluteResourcePath(base)) return path.win32.resolve(base, file);
+		if (isPosixAbsoluteResourcePath(base)) return path.posix.resolve(base, file);
+		return path.resolve(base, file);
+	}
+}
+function dirnameWebpackResourcePath(file) {
+	if (isWindowsAbsoluteResourcePath(file)) return path.win32.dirname(file);
+	if (isPosixAbsoluteResourcePath(file)) return path.posix.dirname(file);
+	return path.dirname(file);
+}
+function resolveWebpackCssAssetModuleResource(resource, issuer, options) {
+	if (!isCssLikeModuleResource(resource, options.cssMatcher, options.appType)) return;
+	const normalized = stripResourceQuery(resource);
+	if (!normalized) return;
+	const absoluteResource = resolveWebpackResourcePath(normalized);
+	if (absoluteResource) return absoluteResource;
+	const issuerResource = issuer?.resource ? stripResourceQuery(issuer.resource) : void 0;
+	const issuerResourcePath = issuerResource ? resolveWebpackResourcePath(issuerResource) : void 0;
+	return resolveWebpackResourcePath(normalized, issuerResourcePath ? dirnameWebpackResourcePath(issuerResourcePath) : issuer?.context);
+}
+function isSameWebpackCssSourceScope(options) {
+	if (!options.currentSourceFile) return false;
+	const candidateKey = resolveWebpackResourcePath(options.candidateSourceFile) ?? path.resolve(options.candidateSourceFile);
+	if (candidateKey === (resolveWebpackResourcePath(options.currentSourceFile) ?? path.resolve(options.currentSourceFile))) return true;
+	const outputResources = options.resourcesByAsset.get(options.outputFile);
+	if (!outputResources) return false;
+	return [...outputResources].some((resource) => {
+		return (resolveWebpackResourcePath(resource) ?? path.resolve(resource)) === candidateKey;
+	});
+}
+function shouldAppendCurrentWebpackAssetUserCss(options) {
+	const hasGeneratedAssetUserCss = options.currentAssetLooksGenerated && options.currentAssetHasUserCss;
+	return !options.currentAssetHasBundlerGeneratedMarker && !options.shouldPreserveGeneratedWebAssetUserCss && (hasGeneratedAssetUserCss || !options.sourceCssProcessed || options.registeredUserRawSource === void 0 || options.currentAssetHasUserCss) && !(options.sourceCssProcessed && options.currentAssetLooksGenerated && !options.currentAssetHasUserCss);
+}
+function createWebpackCurrentAssetUserRawSource(options) {
+	if (!options.shouldAppendCurrentAssetUserCss) return;
+	if (options.sourceCssProcessed) return {
+		css: options.currentAssetUserCssSource,
+		processed: true
+	};
+	if (!options.currentAssetHasUserCss) return;
+	return {
+		css: options.currentAssetUserCssSource,
+		processed: options.currentAssetLooksGenerated
+	};
+}
+//#endregion
+//#region src/bundlers/webpack/BaseUnifiedPlugin/v5-assets/pipeline-helpers/sources.ts
+function resolveWebpackGeneratorRawSource(rawSource, cssHandlerOptions) {
+	const sourceCss = cssHandlerOptions.sourceOptions?.sourceCss;
+	if (sourceCss && (hasTailwindRootDirectives(sourceCss, { importFallback: true }) || hasTailwindSourceDirectives(sourceCss, { importFallback: true }) || hasTailwindApplyDirective(sourceCss) || hasTailwindGeneratedCss(sourceCss) || hasTailwindGeneratedCssMarkers(sourceCss))) return sourceCss;
+	return rawSource;
+}
+function shouldConsumeWebpackLoaderGeneratedCss(options) {
+	if (!options.shouldRegenerateExplicitTailwindV4CssSource) return true;
+	if (options.watchMode === true && options.loaderGeneratedClassSet && options.sourceCandidates && hasStaleRuntimeCandidates(options.loaderGeneratedClassSet, options.sourceCandidates)) return false;
+	if (options.hasBundlerGeneratedCssMarker) return true;
+	if (options.watchMode === true && options.loaderGeneratedClassSet && options.sourceCandidates && hasMissingRuntimeCandidates(options.loaderGeneratedClassSet, options.sourceCandidates)) return false;
+	return Boolean(options.allowMarkerlessRegistryMatch && options.loaderGeneratedClassSet && options.sourceCandidates && !hasMissingRuntimeCandidates(options.loaderGeneratedClassSet, options.sourceCandidates) && !hasStaleRuntimeCandidates(options.loaderGeneratedClassSet, options.sourceCandidates));
+}
+function hasDeferredWebpackGeneratedCss(source, generatedClassSets) {
+	const selectors = collectRawSourceClassSelectors(source);
+	for (const classSet of generatedClassSets) for (const candidate of classSet) if (selectors.has(candidate)) return true;
+	return false;
+}
+function hasUsableWebpackGeneratorCssSources(cssSources) {
+	return Array.isArray(cssSources) && cssSources.some((source) => typeof source?.css === "string" && source.css.length > 0);
+}
+function normalizeWebpackGeneratorCssSources(cssSources) {
+	if (!Array.isArray(cssSources)) return;
 	const normalized = cssSources.filter((source) => typeof source?.css === "string" && source.css.length > 0);
 	return normalized.length > 0 ? normalized : void 0;
 }
@@ -366,26 +831,6 @@ function shouldUseWebpackAssetAsGeneratorUserCss(rawSource, generatorRawSource,
 	const rawMarkers = collectWebpackAssetUserCssMarkers(rawSource);
 	return rawSource !== generatorRawSource && (options.processed === true || !rawSource.includes("data:")) && !hasTailwindRootDirectives(rawSource, { importFallback: true }) && !hasTailwindSourceDirectives(rawSource, { importFallback: true }) && !hasTailwindApplyDirective(rawSource) && rawMarkers.size > 0 && !isOnlyWebpackTailwindGeneratedPreflightCss(rawSource) && (!hasTailwindGeneratedCssMarkers(rawSource) || hasAdditionalWebpackAssetUserCssMarkers(rawSource, generatorRawSource));
 }
-function collectWebpackAssetUserCssMarkers(source) {
-	const markers = /* @__PURE__ */ new Set();
-	for (const match of source.matchAll(/\.((?:\\.|[_a-z\u00A0-\uFFFF-])(?:\\.|[\w\u00A0-\uFFFF-])*)/gi)) markers.add(`class:${match[1]}`);
-	for (const match of source.matchAll(/@(?:-[\w-]+-)?keyframes\s+((?:\\.|[-\w\u00A0-\uFFFF])+)/gi)) markers.add(`keyframes:${match[1]}`);
-	try {
-		const root = postcss.parse(source);
-		root.walkRules((rule) => {
-			for (const selector of rule.selectors) if (!/(?:^|[^\w-])\.[_a-z\u00A0-\uFFFF\\-]/i.test(selector)) markers.add(`selector:${selector.trim().replace(/\s+/g, " ")}`);
-			rule.walkDecls((decl) => {
-				if (decl.prop.startsWith("--")) markers.add(`custom-property:${decl.prop}`);
-			});
-		});
-		root.walkAtRules("font-face", (rule) => {
-			rule.walkDecls("font-family", (decl) => {
-				markers.add(`font-face:${decl.value.trim()}`);
-			});
-		});
-	} catch {}
-	return markers;
-}
 function hasWebpackClassSelector(selector) {
 	return /(?:^|[^\w-])\.[_a-z\u00A0-\uFFFF\\-]/i.test(selector);
 }
@@ -399,7 +844,8 @@ function isWebpackKeyframesRule(rule) {
 }
 function collectWebpackBareSelectorUserCss(source) {
 	try {
-		const root = postcss.parse(removeTailwindSourceDirectives(stripTailwindSourceMediaFragments(removeTailwindV4GeneratorAtRules(source)), { importFallback: true }));
+		const normalizedSource = removeTailwindSourceDirectives(stripTailwindSourceMediaFragments(removeTailwindV4GeneratorAtRules(source)), { importFallback: true });
+		const root = postcss.parse(normalizedSource);
 		let changed = false;
 		root.walkAtRules((rule) => {
 			if (rule.name === "import" || rule.name === "font-face" || rule.name.endsWith("keyframes")) {
@@ -419,220 +865,13 @@ function collectWebpackBareSelectorUserCss(source) {
 				changed = true;
 			}
 		});
-		return changed ? root.toString() : source;
+		return changed ? root.toString() : normalizedSource;
 	} catch {
 		return "";
 	}
 }
-const WEBPACK_TAILWIND_GENERATED_LAYER_NAMES = /* @__PURE__ */ new Set([
-	"theme",
-	"base",
-	"utilities"
-]);
-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 = removeTailwindV4GeneratedUserCssArtifacts(source);
-	try {
-		const root = postcss.parse(cleaned);
-		let changed = false;
-		let removingBannerPrefix = false;
-		for (const node of [...root.nodes]) {
-			if (node.type === "comment" && WEBPACK_TAILWIND_BANNER_RE.test(node.text)) {
-				node.remove();
-				changed = true;
-				removingBannerPrefix = true;
-				continue;
-			}
-			if (!removingBannerPrefix) continue;
-			if (isWebpackTailwindGeneratedPrefixNode(node)) {
-				node.remove();
-				changed = true;
-				continue;
-			}
-			removingBannerPrefix = false;
-		}
-		root.walkAtRules("layer", (rule) => {
-			const names = parseWebpackCssLayerNames(rule.params);
-			const hasGeneratedLayerName = names.some((name) => WEBPACK_TAILWIND_GENERATED_LAYER_NAMES.has(name));
-			const isLayerDeclaration = rule.nodes === void 0;
-			const shouldRemoveLayer = isLayerDeclaration ? hasGeneratedLayerName : names.length > 0 && names.every((name) => WEBPACK_TAILWIND_GENERATED_LAYER_NAMES.has(name));
-			if (shouldRemoveLayer && isLayerDeclaration) {
-				rule.remove();
-				changed = true;
-				return;
-			}
-			if (shouldRemoveLayer && !names.includes("utilities")) {
-				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) {
-				for (const child of [...rule.nodes ?? []]) if (isWebpackTailwindGeneratedLayerNode(child, names)) {
-					child.remove();
-					changed = true;
-				}
-				if (rule.nodes?.length === 0) {
-					rule.remove();
-					changed = true;
-				}
-			}
-		});
-		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) || isWebpackTailwindGeneratedPreflightRule(rule)) {
-				rule.remove();
-				changed = true;
-			}
-		});
-		root.walkComments((comment) => {
-			if (WEBPACK_TAILWIND_BANNER_RE.test(comment.text)) {
-				comment.remove();
-				changed = true;
-			}
-		});
-		root.walkAtRules((rule) => {
-			if (rule.nodes !== void 0 && rule.nodes.length === 0) {
-				rule.remove();
-				changed = true;
-			}
-		});
-		return changed ? root.toString() : cleaned;
-	} catch {
-		return cleaned;
-	}
-}
-function isWebpackTailwindGeneratedPrefixNode(node) {
-	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))) {
-		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 = 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);
-}
-function collectWebpackCssRuleIdentityMarkers(source) {
-	const markers = /* @__PURE__ */ new Set();
-	try {
-		const root = postcss.parse(source);
-		root.walkRules((rule) => {
-			for (const selector of rule.selectors) for (const match of selector.matchAll(/\.((?:\\.|[_a-z\u00A0-\uFFFF-])(?:\\.|[\w\u00A0-\uFFFF-])*)/gi)) markers.add(`class:${match[1]}`);
-		});
-		root.walkAtRules("keyframes", (rule) => {
-			if (rule.params) markers.add(`keyframes:${rule.params}`);
-		});
-	} catch {}
-	return markers;
-}
-function unescapeCssIdentifier(value) {
-	return value.replace(/\\([0-9a-f]{1,6}\s?|.)/gi, (_match, escaped) => {
-		const hex = escaped.trim();
-		if (/^[0-9a-f]+$/i.test(hex)) return String.fromCodePoint(Number.parseInt(hex, 16));
-		return escaped;
-	});
-}
-function collectGeneratedCssRuntimeCandidates(source) {
-	const candidates = /* @__PURE__ */ new Set();
-	if (hasBundlerGeneratedCssMarker(source) || !hasTailwindGeneratedCss(source) && !hasTailwindGeneratedCssMarkers(source)) return candidates;
-	try {
-		postcss.parse(source).walkRules((rule) => {
-			for (const selector of rule.selectors) for (const match of selector.matchAll(/\.((?:\\.|[\w\u00A0-\uFFFF-])(?:\\.|[\w\u00A0-\uFFFF-])*)/g)) {
-				const candidate = unescapeCssIdentifier(match[1]);
-				if (isRuntimeTransformCandidate(candidate)) candidates.add(candidate);
-			}
-		});
-	} catch {}
-	return candidates;
-}
-function hasAdditionalWebpackAssetUserCssMarkers(rawSource, generatorRawSource) {
-	const rawMarkers = collectWebpackAssetUserCssMarkers(rawSource);
-	if (rawMarkers.size === 0) return false;
-	const generatorMarkers = collectWebpackAssetUserCssMarkers(generatorRawSource);
-	for (const marker of rawMarkers) if (!generatorMarkers.has(marker)) return true;
-	return false;
-}
-function hasWebpackTailwindSourceDirectives(source) {
-	return Boolean(source) && (hasTailwindRootDirectives(source, { importFallback: true }) || hasTailwindSourceDirectives(source, { importFallback: true }) || hasTailwindApplyDirective(source) || hasTailwindGeneratedCss(source) || hasTailwindGeneratedCssMarkers(source));
-}
+//#endregion
+//#region src/bundlers/webpack/BaseUnifiedPlugin/v5-assets/pipeline-helpers/user-css.ts
 function isWebpackTailwindImportRequest(request) {
 	return request === "tailwindcss" || request === "tailwindcss4" || request?.startsWith("tailwindcss/") || request?.startsWith("tailwindcss4/") || request === "weapp-tailwindcss" || request?.startsWith("weapp-tailwindcss/");
 }
@@ -677,244 +916,39 @@ function createWebpackUserCssSourceAppend(sources, generatorRawSource, currentSo
 		if (shouldIncludeSource && !shouldIncludeSource(source.file)) continue;
 		seen.add(css);
 		if ((source.processed === true || !css.includes("data:")) && hasAdditionalWebpackAssetUserCssMarkers(css, generatorRawSource)) matchedSources.push({
-			css,
-			file: source.file,
-			processed: source.processed === true
-		});
-	}
-	const currentFile = currentSourceFile ? path.resolve(currentSourceFile) : void 0;
-	const parts = matchedSources.sort((a, b) => {
-		const aCurrent = currentFile !== void 0 && path.resolve(a.file) === currentFile;
-		if (aCurrent !== (currentFile !== void 0 && path.resolve(b.file) === currentFile)) return aCurrent ? -1 : 1;
-		return a.file.localeCompare(b.file);
-	}).map((source) => source.css);
-	return parts.length > 0 ? {
-		css: parts.join("\n"),
-		processed: matchedSources.every((source) => source.processed)
-	} : void 0;
-}
-function createWebpackGeneratorUserCssSourceAppend(...sources) {
-	const parts = sources.filter((source) => source !== void 0 && source.css.trim().length > 0);
-	if (parts.length === 0) return;
-	let css = "";
-	const usedParts = [];
-	for (const source of parts) {
-		const nextCss = css.trim().length > 0 ? filterExistingCssRules(css, source.css) : source.css;
-		if (!(nextCss.trim().length > 0)) continue;
-		css = createCssSourceOrderAppend(css, nextCss);
-		usedParts.push(source);
-	}
-	return {
-		css,
-		processed: usedParts.every((source) => source.processed)
-	};
-}
-function resolveWebpackMemoryDebugStats(context) {
-	if (process.env["WEAPP_TW_HMR_MEMORY_DEBUG"] !== "1") return;
-	const memory = process.memoryUsage();
-	const processCacheInstanceSize = context.cache.instance.size;
-	const processCacheHashMapSize = context.cache.hashMap.size;
-	return {
-		phase: context.phase,
-		process: {
-			rssMb: toMb(memory.rss),
-			heapTotalMb: toMb(memory.heapTotal),
-			heapUsedMb: toMb(memory.heapUsed),
-			externalMb: toMb(memory.external),
-			arrayBuffersMb: toMb(memory.arrayBuffers)
-		},
-		assets: {
-			active: context.activeAssetFiles,
-			activeCss: context.activeCssFiles
-		},
-		processCache: {
-			instance: processCacheInstanceSize,
-			hashMap: processCacheHashMapSize,
-			activeCacheKeys: context.activeProcessCacheKeys.size,
-			activeHashKeys: context.activeProcessHashKeys.size,
-			staleCacheKeys: Math.max(0, processCacheInstanceSize - context.activeProcessCacheKeys.size),
-			staleHashKeys: Math.max(0, processCacheHashMapSize - context.activeProcessHashKeys.size),
-			pruned: true,
-			pruneSkipped: false
-		},
-		webpackCss: {
-			handlerOptions: context.cssHandlerOptionsCache.size,
-			userHandlerOptions: context.cssUserHandlerOptionsCache.size,
-			maxHandlerOptions: WEBPACK_CSS_HANDLER_OPTIONS_CACHE_MAX
-		},
-		sourceCandidateScan: context.sourceCandidateScan,
-		tailwind: { v4: getTailwindV4IncrementalGenerateCacheStats() }
-	};
-}
-function shouldInjectWebpackCssTracePreflight(_appType, cssHandlerOptions) {
-	if (includesTailwindPreflightImport(cssHandlerOptions.sourceOptions?.sourceCss)) return true;
-	return cssHandlerOptions.isMainChunk !== false;
-}
-function includesTailwindPreflightImport(source) {
-	if (!source) return false;
-	try {
-		let includesPreflight = false;
-		postcss.parse(source).walkAtRules((rule) => {
-			if (rule.name === "tailwind") {
-				includesPreflight || (includesPreflight = rule.params.trim() === "base");
-				return;
-			}
-			if (rule.name !== "import") return;
-			const request = 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;
-	} catch {
-		return false;
-	}
-}
-function finalizeMiniProgramUserCssAssetSource(source, compilerOptions, isWebGeneratorTarget, options = {}) {
-	const styleOptions = resolveStyleOptionsFromContext(compilerOptions);
-	if (isWebGeneratorTarget) return source;
-	return stripMiniProgramCssSpecificityPlaceholders(removeTailwindV4StandaloneHostPreflightRule(finalizeMiniProgramCss(removeMiniProgramHoverSelectors(source, styleOptions.cssRemoveHoverPseudoClass), {
-		cssPreflight: options.cssPreflight === false ? false : !hasMiniProgramTailwindV4PreflightReset(source) ? resolveConfiguredWebpackCssPreflight(compilerOptions, styleOptions) : void 0,
-		isTailwindcssV4: true,
-		tailwindcssV4GradientFallback: styleOptions.tailwindcssV4GradientFallback
-	})));
-}
-function shouldFallbackToWebpackUserCssOnGeneratorError(options) {
-	return !hasTailwindRootDirectives(options.generatorRawSource, { importFallback: true }) && !hasTailwindSourceDirectives(options.generatorRawSource, { importFallback: true }) && !hasTailwindApplyDirective(options.generatorRawSource) && !options.hasExplicitTailwindV4SourceCss && options.configuredMainCssEntryFilesLength === 0;
-}
-function isWindowsAbsoluteResourcePath(file) {
-	return /^[a-z]:[\\/]/i.test(file) || /^[/\\]{2}[^/\\]/.test(file);
-}
-function isPosixAbsoluteResourcePath(file) {
-	return file.startsWith("/");
-}
-function resolveWebpackResourcePath(file, base) {
-	if (isWindowsAbsoluteResourcePath(file)) return path.win32.resolve(file);
-	if (isPosixAbsoluteResourcePath(file)) return path.posix.resolve(file);
-	if (base) {
-		if (isWindowsAbsoluteResourcePath(base)) return path.win32.resolve(base, file);
-		if (isPosixAbsoluteResourcePath(base)) return path.posix.resolve(base, file);
-		return path.resolve(base, file);
-	}
-}
-function dirnameWebpackResourcePath(file) {
-	if (isWindowsAbsoluteResourcePath(file)) return path.win32.dirname(file);
-	if (isPosixAbsoluteResourcePath(file)) return path.posix.dirname(file);
-	return path.dirname(file);
-}
-function resolveWebpackCssAssetModuleResource(resource, issuer, options) {
-	if (!isCssLikeModuleResource(resource, options.cssMatcher, options.appType)) return;
-	const normalized = stripResourceQuery(resource);
-	if (!normalized) return;
-	const absoluteResource = resolveWebpackResourcePath(normalized);
-	if (absoluteResource) return absoluteResource;
-	const issuerResource = issuer?.resource ? stripResourceQuery(issuer.resource) : void 0;
-	const issuerResourcePath = issuerResource ? resolveWebpackResourcePath(issuerResource) : void 0;
-	return resolveWebpackResourcePath(normalized, issuerResourcePath ? dirnameWebpackResourcePath(issuerResourcePath) : issuer?.context);
-}
-function isSameWebpackCssSourceScope(options) {
-	if (!options.currentSourceFile) return false;
-	const candidateKey = resolveWebpackResourcePath(options.candidateSourceFile) ?? path.resolve(options.candidateSourceFile);
-	if (candidateKey === (resolveWebpackResourcePath(options.currentSourceFile) ?? path.resolve(options.currentSourceFile))) return true;
-	const outputResources = options.resourcesByAsset.get(options.outputFile);
-	if (!outputResources) return false;
-	return [...outputResources].some((resource) => {
-		return (resolveWebpackResourcePath(resource) ?? path.resolve(resource)) === candidateKey;
-	});
-}
-function shouldAppendCurrentWebpackAssetUserCss(options) {
-	const hasGeneratedAssetUserCss = options.currentAssetLooksGenerated && options.currentAssetHasUserCss;
-	return !options.currentAssetHasBundlerGeneratedMarker && !options.shouldPreserveGeneratedWebAssetUserCss && (hasGeneratedAssetUserCss || !options.sourceCssProcessed || options.registeredUserRawSource === void 0 || options.currentAssetHasUserCss) && !(options.sourceCssProcessed && options.currentAssetLooksGenerated && !options.currentAssetHasUserCss);
-}
-function createWebpackCurrentAssetUserRawSource(options) {
-	if (!options.shouldAppendCurrentAssetUserCss) return;
-	if (options.sourceCssProcessed) return {
-		css: options.currentAssetUserCssSource,
-		processed: true
-	};
-	if (!options.currentAssetHasUserCss) return;
-	return {
-		css: options.currentAssetUserCssSource,
-		processed: options.currentAssetLooksGenerated
-	};
-}
-function finalizeTracedWebpackCssAsset(css, cssHandlerOptions, options) {
-	if (options.finalized === true) return options.annotateCss(css);
-	if (options.isWebGeneratorTarget || !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 = resolveStyleOptionsFromContext(compilerOptions);
-	if (isWebGeneratorTarget) {
-		if (options.generatedCss === true) return stripTrailingLineWhitespace(stripUnmatchedTailwindSourceMediaCloseFragments(stripTailwindSourceMediaFragments(stripBundlerGeneratedCssMarkers(source))));
-		return stripTrailingLineWhitespace(stripUnmatchedTailwindSourceMediaCloseFragments(stripTailwindSourceMediaFragments(removeTailwindV4GeneratorAtRules(removeTailwindSourceDirectives(stripBundlerGeneratedCssMarkers(source), { importFallback: true })))));
-	}
-	let finalized = removeTailwindSourceDirectives(stripBundlerGeneratedCssMarkers(source), { importFallback: true });
-	if (options.generatedCss !== true) {
-		finalized = finalizeMiniProgramCss(finalized, {
-			cssPreflight: false,
-			isTailwindcssV4: true,
-			tailwindcssV4GradientFallback: styleOptions.tailwindcssV4GradientFallback
-		});
-		finalized = dedupeMiniProgramPreflightSelectorRules(finalized);
-		return stripMiniProgramCssSpecificityPlaceholders(removeMiniProgramHoverSelectors(finalized, styleOptions.cssRemoveHoverPseudoClass));
-	}
-	try {
-		finalized = 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 = finalizeMiniProgramCss(finalized, {
-		cssPreflight: options.cssPreflight === false && !hasExistingMiniProgramPreflight ? false : !hasMiniProgramTailwindV4PreflightReset(finalized) ? resolveExistingWebpackCssPreflight(compilerOptions, styleOptions, source) : void 0,
-		isTailwindcssV4: true,
-		tailwindcssV4GradientFallback: styleOptions.tailwindcssV4GradientFallback
-	});
-	finalized = ensureWebpackMiniProgramTwContentInit(finalized);
-	if (shouldRemoveExistingPreflight) finalized = removeMiniProgramPreflightSelectorRule(finalized);
-	else finalized = dedupeMiniProgramPreflightSelectorRules(finalized);
-	return stripMiniProgramCssSpecificityPlaceholders(removeMiniProgramHoverSelectors(finalized, styleOptions.cssRemoveHoverPseudoClass));
-}
-function finalizeWebpackCssAssetOutputSource(source, compilerOptions, isWebGeneratorTarget) {
-	if (isWebGeneratorTarget) return source;
-	const styleOptions = resolveStyleOptionsFromContext(compilerOptions);
-	return stripMiniProgramCssSpecificityPlaceholders(removeMiniProgramHoverSelectors(dedupeMiniProgramPreflightSelectorRules(source), styleOptions.cssRemoveHoverPseudoClass));
-}
-function collectWebpackJsRuntimeCandidatesFromAssets(options) {
-	if (options.isWebGeneratorTarget) return;
-	const candidates = /* @__PURE__ */ new Set();
-	for (const file of options.jsAssets) {
-		const sourceLike = options.getAssetSource(file);
-		if (sourceLike === void 0) continue;
-		const source = stringifyWebpackSourceLike(sourceLike);
-		for (const candidate of collectStrictEscapedRuntimeCandidates(source, MappingChars2String, options.escapeFragments)) if (isRuntimeTransformCandidate(candidate)) candidates.add(candidate);
-	}
-	return candidates;
-}
-function collectWebpackJsRuntimeTokenSignature(options) {
-	if (options.isWebGeneratorTarget) return "";
-	const tokens = [];
-	for (const file of options.jsAssets) {
-		const sourceLike = options.getAssetSource(file);
-		if (sourceLike === void 0) continue;
-		tokens.push(...collectRuntimeTokenSignatureParts(stringifyWebpackSourceLike(sourceLike)));
-	}
-	return tokens.sort().join("\n");
-}
-function addRuntimeTransformCandidates(target, candidates) {
-	if (!candidates?.size) return;
-	for (const candidate of candidates) if (isRuntimeTransformCandidate(candidate)) target.add(candidate);
-}
-function createWebpackCssSourceTraceTokenSources(compilerOptions, webpackSourceCandidates) {
-	if (!isCssSourceTraceEnabled(compilerOptions) || !webpackSourceCandidates) return;
-	return createCssTokenSourceMap(webpackSourceCandidates.tokenSources, compilerOptions);
-}
-function stringifyOptionalWebpackSourceValue(value) {
-	return typeof value === "string" ? value : value?.toString() ?? "";
+			css,
+			file: source.file,
+			processed: source.processed === true
+		});
+	}
+	const currentFile = currentSourceFile ? path.resolve(currentSourceFile) : void 0;
+	const parts = matchedSources.sort((a, b) => {
+		const aCurrent = currentFile !== void 0 && path.resolve(a.file) === currentFile;
+		if (aCurrent !== (currentFile !== void 0 && path.resolve(b.file) === currentFile)) return aCurrent ? -1 : 1;
+		return a.file.localeCompare(b.file);
+	}).map((source) => source.css);
+	return parts.length > 0 ? {
+		css: parts.join("\n"),
+		processed: matchedSources.every((source) => source.processed)
+	} : void 0;
 }
-function stringifyWebpackSourceLike(source) {
-	if (typeof source === "string") return source;
-	const value = source.source();
-	return typeof value === "string" ? value : value.toString();
+function createWebpackGeneratorUserCssSourceAppend(...sources) {
+	const parts = sources.filter((source) => source !== void 0 && source.css.trim().length > 0);
+	if (parts.length === 0) return;
+	let css = "";
+	const usedParts = [];
+	for (const source of parts) {
+		const merged = css.trim().length > 0 ? mergeCoveredCssRuleDeclarations(css, source.css) : void 0;
+		if (merged?.changed) css = merged.baseCss;
+		const nextCss = css.trim().length > 0 ? filterExistingCssRules(css, merged?.css ?? source.css) : source.css;
+		if (!(nextCss.trim().length > 0)) continue;
+		css = createCssSourceOrderAppend(css, nextCss);
+		usedParts.push(source);
+	}
+	return {
+		css,
+		processed: usedParts.every((source) => source.processed)
+	};
 }
 //#endregion
 //#region src/bundlers/webpack/BaseUnifiedPlugin/v5-assets/css-source-resolvers.ts
@@ -968,7 +1002,7 @@ function collectMainImportedCssFiles(compilation, cssAssetFiles, cssMatcher, isM
 	return files;
 }
 function createWebpackCssSourceResolvers(options) {
-	const { activeWebpackAssetResourceFiles, appType, compilerOptions, compilation, cssAssetFiles, cssAssetResources, cssHandlerOptionsCache, cssSources, cssUserHandlerOptionsCache, groupedCssEntriesLength, singleCssAssetFile, isWebGeneratorTarget, outputDir, runtimeState } = options;
+	const { activeWebpackAssetResourceFiles, appType, compilerOptions, compilation, cssAssetFiles, cssAssetResources, directCssAssetResources, cssHandlerOptionsCache, cssSources, cssUserHandlerOptionsCache, groupedCssEntriesLength, singleCssAssetFile, isWebGeneratorTarget, outputDir, runtimeState } = options;
 	const hasConfiguredTailwindV4SourceRoots = () => {
 		const tailwindOptions = resolveTailwindcssOptions(runtimeState.tailwindRuntime.options);
 		return (tailwindOptions?.v4?.cssEntries?.length ?? 0) > 0 || (tailwindOptions?.v4?.cssSources?.length ?? 0) > 0;
@@ -985,7 +1019,7 @@ function createWebpackCssSourceResolvers(options) {
 		cwd: compilerOptions.tailwindcssBasedir
 	});
 	const isConfiguredMainCssEntryFile = (sourceFile) => configuredMainCssEntryFiles.some((entry) => path.resolve(entry) === path.resolve(sourceFile));
-	const isCssSourceAllowedForOutput = (file, sourceFile) => !isConfiguredMainCssEntryFile(sourceFile) || scoreCssSourceOutputMatch(file, sourceFile) > 0;
+	const isCssSourceAllowedForOutput = (file, sourceFile) => !isConfiguredMainCssEntryFile(sourceFile) || directCssAssetResources.get(file)?.has(sourceFile) === true || scoreCssSourceOutputMatch(file, sourceFile) > 0;
 	const inferredMainCssFiles = new Set([...inferWebpackMainCssFiles(compilation.chunks, compilerOptions.cssMatcher, {
 		mainSourceFiles: new Set(configuredMainCssEntryFiles),
 		resourcesByAsset: cssAssetResources
@@ -1026,6 +1060,12 @@ function createWebpackCssSourceResolvers(options) {
 			return resolveConfiguredMainCssSourceFile(file);
 		}
 		const resourceMatches = [...assetResources ?? []].filter((sourceFile) => cssSources.has(sourceFile)).filter((sourceFile) => isCssSourceAllowedForOutput(file, sourceFile)).sort();
+		const configuredResourceMatches = resourceMatches.filter((sourceFile) => configuredCssEntryFiles.some((entry) => path.resolve(entry) === path.resolve(sourceFile)));
+		if (configuredResourceMatches.length === 1) {
+			const sourceFile = configuredResourceMatches[0];
+			activeWebpackCssSourceFiles.add(sourceFile);
+			return sourceFile;
+		}
 		if (resourceMatches.length === 1) {
 			const sourceFile = resourceMatches[0];
 			activeWebpackCssSourceFiles.add(sourceFile);
@@ -1164,6 +1204,343 @@ function createWebpackCssSourceResolvers(options) {
 	};
 }
 //#endregion
+//#region src/bundlers/webpack/BaseUnifiedPlugin/v5-assets/finalize-assets.ts
+async function finalizeWebpackProcessAssets(context) {
+	const { activeProcessCacheKeys, activeProcessHashKeys, activeWebpackCssSourceFiles, compilerOptions, cssAssetResources, cssHandlerOptionsCache, cssTaskFactories, cssUserHandlerOptionsCache, debug, entries, groupedEntries, hmrTimingStartedAt, htmlTaskFactories, jsTaskFactories, pruneWebpackCssSources, recordTimingDetail, registeredWebpackCssSourceFiles, taskConcurrency, tasks, timingDetails, watchMode, webpackSourceCandidateScanCache } = context;
+	if (!watchMode) {
+		pushConcurrentTaskFactories(tasks, htmlTaskFactories, taskConcurrency);
+		await Promise.all(tasks);
+		tasks.length = 0;
+		pushConcurrentTaskFactories(tasks, jsTaskFactories, taskConcurrency);
+		await Promise.all(tasks);
+		tasks.length = 0;
+		pushConcurrentTaskFactories(tasks, cssTaskFactories, taskConcurrency);
+	}
+	const taskWaitStartedAt = performance.now();
+	await Promise.all(tasks);
+	recordTimingDetail("tasks.wait", taskWaitStartedAt);
+	const pruneStartedAt = performance.now();
+	compilerOptions.cache.prune?.({
+		cacheKeys: activeProcessCacheKeys,
+		hashKeys: activeProcessHashKeys
+	});
+	const activeCssFiles = new Set(groupedEntries.css.map(([file]) => file));
+	pruneWebpackCssHandlerOptionCaches(cssHandlerOptionsCache, cssUserHandlerOptionsCache, activeCssFiles);
+	if (activeCssFiles.size > 0) pruneWebpackCssSources?.(/* @__PURE__ */ new Set([
+		...registeredWebpackCssSourceFiles,
+		...activeWebpackCssSourceFiles,
+		...[...cssAssetResources.values()].flatMap((resources) => [...resources])
+	]), { watchMode });
+	recordTimingDetail("cache.prune", pruneStartedAt);
+	debug("end");
+	emitHmrTiming("webpack", "processAssets", performance.now() - hmrTimingStartedAt, {
+		...timingDetails,
+		memoryDebug: resolveWebpackMemoryDebugStats({
+			activeAssetFiles: entries.length,
+			activeCssFiles: activeCssFiles.size,
+			activeProcessCacheKeys,
+			activeProcessHashKeys,
+			cache: compilerOptions.cache,
+			cssHandlerOptionsCache,
+			cssUserHandlerOptionsCache,
+			phase: "processAssets",
+			sourceCandidateScan: webpackSourceCandidateScanCache.getMemoryStats()
+		})
+	});
+	compilerOptions.onEnd();
+}
+//#endregion
+//#region src/bundlers/webpack/shared/css-loader-runtime.ts
+function isWebpackCssLoaderRuntimeSource(source) {
+	return source.includes("___CSS_LOADER_EXPORT___") && source.includes("___CSS_LOADER_API_IMPORT___") && source.includes("module.exports = ___CSS_LOADER_EXPORT___");
+}
+//#endregion
+//#region src/bundlers/webpack/BaseUnifiedPlugin/v5-assets/generated-css-result.ts
+async function finalizeWebpackGeneratedCssResult(context) {
+	const { ConcatSource, compilerOptions, cssHandlerOptions, currentRawSource, debug, file, finalizeCssAssetSource, finalizeTracedCss, generated, generatorRawSource, generatorRuntimeSet, isWebGeneratorTarget, runtimeState, shouldPreserveExistingPreflight, sourceCss, sourceCssProcessed, userRawSource } = context;
+	const finalizedGeneratedCss = generated ? finalizeCssAssetSource(isWebGeneratorTarget && currentRawSource.includes("tailwindcss v4.") ? createWebpackGeneratorUserCssSourceAppend({
+		css: generated.css,
+		processed: true
+	}, {
+		css: removeWebpackTailwindGeneratedAssetCss(currentRawSource),
+		processed: true
+	})?.css ?? generated.css : generated.css, {
+		cssPreflight: cssHandlerOptions.isMainChunk,
+		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,
+		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 handledSourceBareUserCss = sourceBareUserCss === void 0 ? "" : sourceBareUserCss.processed ? sourceBareUserCss.css : (await compilerOptions.styleHandler(sourceBareUserCss.css, cssHandlerOptions)).css;
+	const finalizedSourceBareUserCss = handledSourceBareUserCss.trim().length === 0 ? "" : finalizeCssAssetSource(handledSourceBareUserCss, {
+		cssPreflight: false,
+		generatedCss: false
+	});
+	const missingSourceBareUserCss = finalizedSourceBareUserCss.trim().length === 0 ? "" : filterExistingCssRules(finalizedGeneratedCss, finalizedSourceBareUserCss);
+	const source = new ConcatSource(finalizeTracedCss(missingSourceBareUserCss.trim().length === 0 ? finalizedGeneratedCss : createWebpackGeneratorUserCssSourceAppend({
+		css: finalizedGeneratedCss,
+		processed: true
+	}, {
+		css: missingSourceBareUserCss,
+		processed: true
+	}).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);
+	} else debug("css handle: %s", file);
+	return { result: source };
+}
+//#endregion
+//#region src/bundlers/webpack/BaseUnifiedPlugin/v5-assets/generated-css-task.ts
+async function processWebpackGeneratedCssAsset(element, context) {
+	const { ConcatSource, assetHashByChunk, compilation, compilerOptions, configuredCssEntryFiles, configuredMainCssEntryFiles, createRuntimeSetHash, cssSourceTraceSignature, cssSources, cssTaskFactories, debug, enqueueTask, finalizeCssAssetSource, finalizeTracedCss, generatedCssSources, generatorRuntimeSet, getCssHandlerOptions, getCssUserHandlerOptions, getGeneratorRuntimeSet, hasConfiguredTailwindV4SourceRoots, isSameWebpackSourceScope, isWebGeneratorTarget, rememberProcessCacheKey, resolveWebpackCssSourceFile, runtimeAffectingSourceHash, runtimeState, transformRuntimeSet, updateAssetIfChanged, watchMode, webpackSourceCandidateValueSignature, webpackSourceCandidates } = context;
+	const [file, originalSource] = element;
+	const currentRawSource = originalSource.source().toString();
+	const chunkHash = assetHashByChunk.get(file);
+	const cacheKey = file;
+	const hashKey = `${file}:asset`;
+	rememberProcessCacheKey(cacheKey, hashKey);
+	const cssHandlerOptionsForHash = getCssHandlerOptions(file, currentRawSource);
+	const cssChunkHash = watchMode && cssHandlerOptionsForHash.isMainChunk ? void 0 : chunkHash;
+	const cssSourceHash = (() => {
+		const sourceFile = resolveWebpackCssSourceFile(file, currentRawSource);
+		const sourceCss = sourceFile ? cssSources.get(sourceFile)?.css : void 0;
+		const generatorSourceCss = removeWebpackGeneratorNonTailwindImports(sourceCss);
+		if (sourceCss === void 0) return sourceFile === void 0 ? "webpack-css-source:0" : `webpack-css-source:0:${sourceFile}`;
+		return `webpack-css-source:1:${compilerOptions.cache.computeHash(sourceCss)}:${generatorSourceCss === sourceCss || generatorSourceCss === void 0 ? "generator-source:0" : compilerOptions.cache.computeHash(generatorSourceCss)}`;
+	})();
+	const runtimeAwareHash = createRuntimeAwareCssHash(cssChunkHash, compilerOptions.cache.computeHash(currentRawSource), `${createRuntimeSetHash(getGeneratorRuntimeSet())}:${runtimeAffectingSourceHash}:${webpackSourceCandidates?.signatureHash ?? "source-candidates:0"}:${webpackSourceCandidateValueSignature}:${cssSourceTraceSignature}:${cssSourceHash}`);
+	await enqueueTask(async () => {
+		await processCachedTask({
+			cache: compilerOptions.cache,
+			cacheKey,
+			hashKey,
+			rawSource: currentRawSource,
+			hash: runtimeAwareHash,
+			applyResult(source, { cacheHit }) {
+				updateAssetIfChanged(file, source, {
+					compare: !cacheHit,
+					notifyUpdate: !cacheHit
+				});
+			},
+			onCacheHit() {
+				debug("css cache hit: %s", file);
+			},
+			transform: async () => {
+				await runtimeState.readyPromise;
+				const cssHandlerOptions = getCssHandlerOptions(file, currentRawSource);
+				const generatorRawSource = resolveWebpackGeneratorRawSource(currentRawSource, cssHandlerOptions);
+				if (isWebpackCssLoaderRuntimeSource(generatorRawSource)) return { result: new ConcatSource(currentRawSource) };
+				const sourceFile = cssHandlerOptions.sourceOptions?.sourceFile;
+				const sourceCss = sourceFile ? cssSources.get(path.resolve(sourceFile))?.css : void 0;
+				const isConfiguredCssSource = sourceFile !== void 0 && configuredCssEntryFiles.some((entry) => path.resolve(entry) === path.resolve(sourceFile));
+				const isConfiguredMainCssSource = sourceFile !== void 0 && configuredMainCssEntryFiles.some((entry) => path.resolve(entry) === path.resolve(sourceFile));
+				const sourceCssHasTailwindRoot = sourceCss !== void 0 && hasTailwindRootDirectives(sourceCss, { importFallback: true });
+				const shouldPreserveExistingPreflight = cssHandlerOptions.isMainChunk || !isConfiguredMainCssSource && (isConfiguredCssSource || sourceCssHasTailwindRoot);
+				const loaderGeneratedCss = sourceFile ? generatedCssSources.get(path.resolve(sourceFile)) : void 0;
+				const shouldRegenerateExplicitTailwindV4CssSource = sourceCss !== void 0 && (hasTailwindSourceDirectives(sourceCss, { importFallback: true }) || sourceCss.includes("@config"));
+				const explicitTailwindV4SourceCandidates = shouldRegenerateExplicitTailwindV4CssSource && sourceCss && sourceFile && webpackSourceCandidates?.getSourceCandidatesForEntries ? await resolveTailwindV4EntriesFromCssCached(sourceCss, path.dirname(sourceFile)).then((resolved) => resolved?.entries ? webpackSourceCandidates.getSourceCandidatesForEntries(resolved.entries) : void 0) : void 0;
+				if (loaderGeneratedCss && shouldConsumeWebpackLoaderGeneratedCss({
+					allowMarkerlessRegistryMatch: configuredCssEntryFiles.length === 1,
+					hasBundlerGeneratedCssMarker: hasBundlerGeneratedCssMarker(currentRawSource),
+					loaderGeneratedClassSet: loaderGeneratedCss.classSet,
+					sourceCandidates: explicitTailwindV4SourceCandidates,
+					shouldRegenerateExplicitTailwindV4CssSource,
+					watchMode
+				})) {
+					for (const className of loaderGeneratedCss.classSet) {
+						generatorRuntimeSet.add(className);
+						transformRuntimeSet.add(className);
+					}
+					for (const dependency of loaderGeneratedCss.dependencies) compilation.fileDependencies?.add?.(dependency);
+					const currentRawSourceWithoutBundlerMarkers = stripBundlerGeneratedCssMarkers(currentRawSource);
+					const currentAssetHasProcessedUrl = hasProcessedCssAssetUrl(currentRawSourceWithoutBundlerMarkers) && currentRawSourceWithoutBundlerMarkers !== loaderGeneratedCss.css;
+					const currentAssetUserCss = currentAssetHasProcessedUrl ? currentRawSourceWithoutBundlerMarkers : shouldUseWebpackAssetAsGeneratorUserCss(currentRawSourceWithoutBundlerMarkers, loaderGeneratedCss.css, { processed: true }) ? removeGeneratedSelectorCompatCss(currentRawSourceWithoutBundlerMarkers, loaderGeneratedCss.css) : void 0;
+					const loaderGeneratedCssWithoutMarkers = stripBundlerGeneratedCssMarkers(loaderGeneratedCss.css);
+					const currentAssetUserCssWithoutMarkers = currentAssetUserCss === void 0 ? "" : stripBundlerGeneratedCssMarkers(currentAssetUserCss);
+					const currentAssetMissingUserCss = !(currentAssetUserCssWithoutMarkers.trim().length > 0 && !isCommentOnlyCss(currentAssetUserCssWithoutMarkers)) ? "" : filterExistingCssRules(currentAssetUserCssWithoutMarkers, loaderGeneratedCssWithoutMarkers);
+					if (isConfiguredMainCssSource && !cssHandlerOptions.isMainChunk) {
+						debug("css skip duplicate webpack loader main generation: %s <- %s", file, sourceFile);
+						const userCss = currentAssetMissingUserCss.trim().length === 0 || isCommentOnlyCss(currentAssetMissingUserCss) ? "" : finalizeCssAssetSource(currentAssetMissingUserCss, {
+							cssPreflight: false,
+							generatedCss: false
+						});
+						return { result: new ConcatSource(finalizeTracedCss(userCss, cssHandlerOptions)) };
+					}
+					const mergedLoaderCss = currentAssetUserCss === void 0 ? loaderGeneratedCss.css : createWebpackGeneratorUserCssSourceAppend({
+						css: currentAssetUserCss === void 0 ? loaderGeneratedCss.css : currentAssetHasProcessedUrl ? removeGeneratedSelectorCompatCss(loaderGeneratedCss.css, currentAssetUserCss) : filterExistingCssRules(currentAssetUserCss, loaderGeneratedCss.css),
+						processed: true
+					}, currentAssetUserCss === void 0 ? void 0 : {
+						css: currentAssetUserCss,
+						processed: true
+					}).css;
+					const handledLoaderCss = isWebGeneratorTarget ? mergedLoaderCss : (await compilerOptions.styleHandler(mergedLoaderCss, cssHandlerOptions)).css;
+					const finalizedLoaderCss = finalizeCssAssetSource(handledLoaderCss, {
+						cssPreflight: cssHandlerOptions.isMainChunk,
+						generatedCss: true,
+						preserveExistingPreflight: shouldPreserveExistingPreflight
+					});
+					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 handledLoaderSourceBareUserCss = loaderSourceBareUserCss === void 0 ? "" : loaderSourceBareUserCss.processed ? loaderSourceBareUserCss.css : (await compilerOptions.styleHandler(loaderSourceBareUserCss.css, cssHandlerOptions)).css;
+					const finalizedLoaderSourceBareUserCss = handledLoaderSourceBareUserCss.trim().length === 0 ? "" : finalizeCssAssetSource(handledLoaderSourceBareUserCss, {
+						cssPreflight: false,
+						generatedCss: false
+					});
+					const missingLoaderSourceBareUserCss = finalizedLoaderSourceBareUserCss.trim().length === 0 ? "" : filterExistingCssRules(finalizedLoaderCss, finalizedLoaderSourceBareUserCss);
+					const css = finalizeTracedCss(missingLoaderSourceBareUserCss.trim().length === 0 ? finalizedLoaderCss : createWebpackGeneratorUserCssSourceAppend({
+						css: finalizedLoaderCss,
+						processed: true
+					}, {
+						css: missingLoaderSourceBareUserCss,
+						processed: true
+					}).css, cssHandlerOptions, { finalized: true });
+					debug("css consume webpack loader generation: %s <- %s", file, sourceFile);
+					return { result: new ConcatSource(css) };
+				}
+				const sourceCssProcessed = sourceFile ? cssSources.get(path.resolve(sourceFile))?.processed === true : false;
+				const registeredUserRawSource = createWebpackUserCssSourceAppend([...cssSources.entries()].map(([registeredSourceFile, source]) => ({
+					...source,
+					file: registeredSourceFile
+				})), generatorRawSource, sourceFile, (registeredSourceFile) => isSameWebpackSourceScope(file, registeredSourceFile, sourceFile));
+				const currentAssetLooksGenerated = hasTailwindGeneratedCss(currentRawSource) || hasTailwindGeneratedCssMarkers(currentRawSource);
+				const currentAssetHasBundlerGeneratedMarker = hasBundlerGeneratedCssMarker(currentRawSource);
+				const currentAssetUserCssSource = currentAssetLooksGenerated ? removeWebpackTailwindGeneratedAssetCss(currentRawSource) : currentRawSource;
+				if (sourceFile === void 0 && currentAssetHasBundlerGeneratedMarker && (currentAssetUserCssSource.trim().length === 0 || 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 && (hasTailwindRootDirectives(sourceCss, { importFallback: true }) || hasTailwindSourceDirectives(sourceCss, { importFallback: true }) || hasTailwindApplyDirective(sourceCss));
+				const currentAssetHasUserCss = (sourceCssProcessed || hasExplicitSourceCssForCurrentAsset) && currentAssetLooksGenerated && !shouldPreserveGeneratedWebAssetUserCss ? currentAssetHasAdditionalUserCss : shouldUseWebpackAssetAsGeneratorUserCss(currentAssetUserCssSource, generatorRawSource, { processed: sourceCssProcessed || shouldPreserveGeneratedWebAssetUserCss });
+				const userRawSource = createWebpackGeneratorUserCssSourceAppend(createWebpackCurrentAssetUserRawSource({
+					currentAssetHasUserCss,
+					currentAssetLooksGenerated,
+					currentAssetUserCssSource,
+					shouldAppendCurrentAssetUserCss: shouldAppendCurrentWebpackAssetUserCss({
+						currentAssetHasBundlerGeneratedMarker,
+						currentAssetHasUserCss,
+						currentAssetLooksGenerated,
+						registeredUserRawSource,
+						shouldPreserveGeneratedWebAssetUserCss,
+						sourceCssProcessed
+					}),
+					sourceCssProcessed
+				}), registeredUserRawSource);
+				if (isPureLocalCssImportWrapper(currentRawSource)) return { result: new ConcatSource(removeTailwindSourceDirectives(stripBundlerGeneratedCssMarkers(currentRawSource), { importFallback: true })) };
+				const fallbackGeneratorRuntimeSet = getGeneratorRuntimeSet();
+				const hasExplicitTailwindV4SourceCss = sourceCss !== void 0 && (hasTailwindSourceDirectives(sourceCss, { importFallback: true }) || sourceCss.includes("@config"));
+				const currentAssetHasTailwindDirectives = hasTailwindRootDirectives(generatorRawSource, { importFallback: true }) || hasTailwindSourceDirectives(generatorRawSource, { importFallback: true }) || 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 createScopedGeneratorRuntime({
+					cssHandlerOptions,
+					fallbackRuntime: scopedFallbackGeneratorRuntimeSet,
+					getSourceCandidatesForEntries: webpackSourceCandidates?.getSourceCandidatesForEntries,
+					majorVersion: runtimeState.tailwindRuntime.majorVersion,
+					outputFile: file,
+					rawSource: sourceFile ? cssSources.get(path.resolve(sourceFile))?.css ?? generatorRawSource : generatorRawSource,
+					shouldExcludeSubpackageSourceCandidates: () => false,
+					sourceFile: sourceFile ?? file,
+					scopedSourceCandidateGetter: webpackSourceCandidates?.getSourceCandidatesForEntries
+				});
+				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 : {
+					...cssHandlerOptions,
+					sourceOptions: {
+						...cssHandlerOptions.sourceOptions,
+						cssSources: generatorCssSources
+					}
+				};
+				const generatorOptions = {
+					opts: scopedGeneratorCompilerOptions,
+					runtimeState,
+					runtime: scopedGeneratorRuntimeSet,
+					rawSource: generatorRawSource,
+					forceGenerator: shouldForceTailwindV4Generation,
+					...hasUsableWebpackGeneratorCssSources(generatorCssSources) ? { cssSources: generatorCssSources } : {},
+					...userRawSource === void 0 ? {} : { userRawSource: userRawSource.css },
+					...userRawSource?.processed === true ? { userRawSourceProcessed: true } : {},
+					file,
+					cssHandlerOptions: generatorCssHandlerOptions,
+					cssUserHandlerOptions: getCssUserHandlerOptions(file),
+					frameworkPostcssOwner: compilerOptions,
+					frameworkPostcssStage: "complete",
+					getSourceCandidatesForEntries: webpackSourceCandidates?.getSourceCandidatesForEntries,
+					sourceCandidates: scopedGeneratorRuntimeSet,
+					restoreLocalCssImports: false,
+					styleHandler: compilerOptions.styleHandler,
+					debug
+				};
+				let generated;
+				if (!shouldSkipUnmatchedMainCssGeneration && !shouldSkipPlainNonMainCssGeneration) try {
+					generated = await generateTailwindV4Css({
+						...generatorOptions,
+						outputFile: file
+					});
+				} catch (error) {
+					if (!shouldFallbackToWebpackUserCssOnGeneratorError({
+						configuredMainCssEntryFilesLength: configuredMainCssEntryFiles.length,
+						generatorRawSource,
+						hasExplicitTailwindV4SourceCss
+					})) throw error;
+					debug("css generator skipped for plain webpack css asset: %s %O", file, error);
+					generated = void 0;
+				}
+				else debug("css generator skipped for plain webpack css asset: %s", file);
+				return finalizeWebpackGeneratedCssResult({
+					ConcatSource,
+					compilerOptions,
+					cssHandlerOptions,
+					currentRawSource,
+					debug,
+					file,
+					finalizeCssAssetSource,
+					finalizeTracedCss,
+					generated,
+					generatorRawSource,
+					generatorRuntimeSet,
+					isWebGeneratorTarget,
+					runtimeState,
+					shouldPreserveExistingPreflight,
+					sourceCss,
+					sourceCssProcessed,
+					userRawSource
+				});
+			}
+		});
+	}, cssTaskFactories, "tasks.css");
+}
+//#endregion
 //#region src/bundlers/webpack/BaseUnifiedPlugin/v5-assets/helpers.ts
 function createChangedByType() {
 	return {
@@ -1279,6 +1656,112 @@ function createWebpackAssetUpdater(options) {
 	};
 }
 //#endregion
+//#region src/bundlers/webpack/BaseUnifiedPlugin/v5-assets/html-js-tasks.ts
+async function enqueueWebpackHtmlAndJsTasks(context) {
+	const { ConcatSource, applyWebpackLinkedJsResults, assetHashByChunk, compilation, compilerOptions, debug, defaultTemplateHandlerOptions, enqueueTask, groupedEntries, isWebGeneratorTarget, jsAssets, moduleGraphOptions, outputDir, rememberProcessCacheKey, rememberTransformedRuntimeCandidates, runtimeState, transformRuntimeSet, updateAssetIfChanged } = context;
+	const htmlTaskFactories = [];
+	if (!isWebGeneratorTarget && Array.isArray(groupedEntries.html)) for (const element of groupedEntries.html) {
+		const [file, originalSource] = element;
+		let rawSource;
+		const readRawSource = () => {
+			rawSource ?? (rawSource = originalSource.source().toString());
+			return rawSource;
+		};
+		const cacheKey = file;
+		const hashKey = `${file}:asset`;
+		rememberProcessCacheKey(cacheKey, hashKey);
+		const chunkHash = assetHashByChunk.get(file);
+		await enqueueTask(async () => {
+			await processCachedTask({
+				cache: compilerOptions.cache,
+				cacheKey,
+				hashKey,
+				rawSource: chunkHash === void 0 ? readRawSource() : void 0,
+				hash: chunkHash,
+				applyResult(source, { cacheHit }) {
+					updateAssetIfChanged(file, source, {
+						compare: !cacheHit,
+						notifyUpdate: !cacheHit
+					});
+				},
+				onCacheHit() {
+					debug("html cache hit: %s", file);
+				},
+				transform: async () => {
+					const wxml = await compilerOptions.templateHandler(readRawSource(), defaultTemplateHandlerOptions);
+					const source = new ConcatSource(wxml);
+					debug("html handle: %s", file);
+					return { result: source };
+				}
+			});
+		}, htmlTaskFactories, "tasks.html");
+	}
+	const jsTaskFactories = [];
+	const enqueueJsTask = async (factory) => {
+		await enqueueTask(factory, jsTaskFactories, "tasks.js");
+	};
+	if (!isWebGeneratorTarget && Array.isArray(groupedEntries.js)) for (const [file] of groupedEntries.js) {
+		const cacheKey = getCacheKey(file);
+		const asset = compilation.getAsset(file);
+		if (!asset) continue;
+		const hashKey = `${file}:asset`;
+		rememberProcessCacheKey(cacheKey, hashKey);
+		const absoluteFile = toAbsoluteOutputPath(file, outputDir);
+		const initialSource = asset.source.source();
+		const initialRawSource = typeof initialSource === "string" ? initialSource : initialSource.toString();
+		const chunkHash = assetHashByChunk.get(file);
+		await enqueueJsTask(async () => {
+			await processCachedTask({
+				cache: compilerOptions.cache,
+				cacheKey,
+				hashKey,
+				rawSource: chunkHash === void 0 ? initialRawSource : void 0,
+				hash: chunkHash,
+				applyResult(source, { cacheHit }) {
+					if (updateAssetIfChanged(file, source, {
+						compare: !cacheHit,
+						notifyUpdate: !cacheHit
+					})) rememberTransformedRuntimeCandidates(source);
+				},
+				onCacheHit() {
+					debug("js cache hit: %s", file);
+				},
+				transform: async () => {
+					const currentSourceValue = compilation.getAsset(file)?.source.source();
+					const currentSource = stringifyOptionalWebpackSourceValue(currentSourceValue);
+					const handlerOptions = {
+						tailwindcssMajorVersion: runtimeState.tailwindRuntime.majorVersion,
+						generateMap: false,
+						filename: absoluteFile,
+						moduleGraph: moduleGraphOptions,
+						babelParserOptions: { sourceFilename: absoluteFile }
+					};
+					if (shouldSkipJsTransform(currentSource, {
+						...handlerOptions,
+						classNameSet: transformRuntimeSet
+					})) return { result: new ConcatSource(currentSource) };
+					const { code, linked } = await compilerOptions.jsHandler(currentSource, transformRuntimeSet, handlerOptions);
+					const source = new ConcatSource(code);
+					debug("js handle: %s", file);
+					applyWebpackLinkedJsResults({
+						ConcatSource,
+						compilation,
+						compilerOptions,
+						debug,
+						jsAssets,
+						linked
+					});
+					return { result: source };
+				}
+			});
+		});
+	}
+	return {
+		htmlTaskFactories,
+		jsTaskFactories
+	};
+}
+//#endregion
 //#region src/bundlers/webpack/BaseUnifiedPlugin/v5-assets/js-module-graph.ts
 function createWebpackJsAssetModuleGraph(options) {
 	const jsAssets = /* @__PURE__ */ new Map();
@@ -1323,6 +1806,144 @@ function applyWebpackLinkedJsResults(options) {
 	}
 }
 //#endregion
+//#region src/bundlers/webpack/BaseUnifiedPlugin/v5-assets/processed-css-task.ts
+async function processWebpackProcessedCssAsset(element, context) {
+	const { ConcatSource, assetHashByChunk, compilerOptions, configuredMainCssEntryFiles, createRuntimeSetHash, cssSourceTraceSignature, cssSources, cssTaskFactories, debug, enqueueTask, finalizeCssAssetSource, finalizeTracedCss, generatedCssSources, getCssHandlerOptions, getGeneratorRuntimeSet, hasConfiguredTailwindV4SourceRoots, isKnownWebpackProcessedCssAsset, isWebGeneratorTarget, isWebpackProcessedCssAsset, processedCssAssetSkipDecisionCache, rememberProcessCacheKey, runtimeAffectingSourceHash, updateAssetIfChanged, watchMode, webpackSourceCandidateSet, webpackSourceCandidateValueSignature, webpackSourceCandidates } = context;
+	const [file, originalSource] = element;
+	let rawSource;
+	const readRawSource = () => {
+		rawSource ?? (rawSource = originalSource.source().toString());
+		return rawSource;
+	};
+	const chunkHash = assetHashByChunk.get(file);
+	const cssHandlerOptionsForProcessedAsset = getCssHandlerOptions(file, readRawSource());
+	const processedCssAssetMetadata = { isMainCssChunk: cssHandlerOptionsForProcessedAsset.isMainChunk };
+	const processedSourceFile = cssHandlerOptionsForProcessedAsset.sourceOptions?.sourceFile;
+	const processedSourceCss = processedSourceFile ? cssSources.get(path.resolve(processedSourceFile))?.css : void 0;
+	const shouldRegenerateProcessedTailwindV4SourceCss = processedSourceCss !== void 0 && (hasTailwindSourceDirectives(processedSourceCss, { importFallback: true }) || processedSourceCss.includes("@config"));
+	const processedCssAssetKnown = isKnownWebpackProcessedCssAsset?.(file, processedCssAssetMetadata) === true;
+	const processedLoaderGeneratedCss = processedSourceFile ? generatedCssSources.get(path.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";
+	const processedCssDecisionCacheKey = `${file}:${createRuntimeAwareCssHash(chunkHash, processedAssetSourceHash, `${createRuntimeSetHash(getGeneratorRuntimeSet())}:${runtimeAffectingSourceHash}:${webpackSourceCandidates?.signatureHash ?? "source-candidates:0"}:${webpackSourceCandidateValueSignature}:${cssSourceTraceSignature}`)}`;
+	let currentProcessedRawSource;
+	let hasGeneratedCssMarker = false;
+	let hasTailwindGeneratedAssetCss = false;
+	const readCurrentProcessedRawSource = () => {
+		currentProcessedRawSource ?? (currentProcessedRawSource = readRawSource());
+		return currentProcessedRawSource;
+	};
+	const cachedSkipProcessedCssAsset = processedCssAssetKnown ? processedCssAssetSkipDecisionCache.get(processedCssDecisionCacheKey) : void 0;
+	const shouldRegenerateStaleProcessedWebCssAsset = isWebGeneratorTarget && !processedCssAssetKnown && cachedSkipProcessedCssAsset === void 0 && cssHandlerOptionsForProcessedAsset.isMainChunk && webpackSourceCandidateSet !== void 0 && (hasMissingRuntimeCandidates(processedLoaderGeneratedCss?.classSet, webpackSourceCandidateSet) || hasMissingRuntimeCandidates(resolveGeneratedCssRuntimeCandidates(readCurrentProcessedRawSource(), processedLoaderGeneratedCss?.classSet), webpackSourceCandidateSet));
+	if (cachedSkipProcessedCssAsset !== void 0) {
+		hasGeneratedCssMarker = cachedSkipProcessedCssAsset && cssHandlerOptionsForProcessedAsset.isMainChunk;
+		hasTailwindGeneratedAssetCss = hasGeneratedCssMarker;
+	} else {
+		const source = readCurrentProcessedRawSource();
+		hasGeneratedCssMarker = hasBundlerGeneratedCssMarker(source);
+		hasTailwindGeneratedAssetCss = hasTailwindGeneratedCss(source) || hasTailwindGeneratedCssMarkers(source);
+	}
+	const hasProcessedAssetTailwindDirectives = () => {
+		const source = readCurrentProcessedRawSource();
+		return hasTailwindRootDirectives(source, { importFallback: true }) || hasTailwindSourceDirectives(source, { importFallback: true }) || 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]) => ({
+		...source,
+		file: sourceFile
+	})), readCurrentProcessedRawSource()) !== void 0;
+	const hasProcessedLoaderGeneratedUserCss = cachedSkipProcessedCssAsset === void 0 && processedLoaderGeneratedCss !== void 0 && hasAdditionalWebpackAssetUserCssMarkers(processedLoaderGeneratedCss.css, readCurrentProcessedRawSource());
+	const shouldFinalizeProcessedWebCssAsset = isWebGeneratorTarget && !shouldForceConfiguredMainCssGeneration && !shouldRegenerateProcessedTailwindV4SourceCss && 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);
+	if (processedCssAssetKnown && cachedSkipProcessedCssAsset === void 0 && !shouldFinalizeProcessedWebCssAsset && !shouldPreserveFinalWebCssAsset) processedCssAssetSkipDecisionCache.set(processedCssDecisionCacheKey, shouldSkipProcessedCssAsset === true);
+	if (shouldSkipProcessedCssAsset) {
+		const hashKey = `${file}:asset`;
+		const sourceHash = processedAssetSourceHash;
+		rememberProcessCacheKey(file, hashKey);
+		await enqueueTask(async () => {
+			await processCachedTask({
+				cache: compilerOptions.cache,
+				cacheKey: file,
+				hashKey,
+				rawSource: chunkHash === void 0 && !processedCssAssetKnown ? readCurrentProcessedRawSource() : void 0,
+				hash: createRuntimeAwareCssHash(chunkHash, sourceHash, `${createRuntimeSetHash(getGeneratorRuntimeSet())}:${runtimeAffectingSourceHash}:${webpackSourceCandidates?.signatureHash ?? "source-candidates:0"}:${webpackSourceCandidateValueSignature}:${cssSourceTraceSignature}`),
+				applyResult(source, { cacheHit }) {
+					updateAssetIfChanged(file, source, {
+						compare: !cacheHit,
+						notifyUpdate: !cacheHit
+					});
+				},
+				onCacheHit() {
+					debug("css webpack-loader-pipeline cache hit: %s", file);
+				},
+				transform: async () => {
+					const source = readCurrentProcessedRawSource();
+					const missingProcessedLoaderGeneratedCss = isWebGeneratorTarget && processedLoaderGeneratedCss ? filterExistingCssRules(source, stripBundlerGeneratedCssMarkers(processedLoaderGeneratedCss.css)) : "";
+					const sourceWithLoaderGeneratedCss = missingProcessedLoaderGeneratedCss.trim().length === 0 ? source : createWebpackGeneratorUserCssSourceAppend({
+						css: source,
+						processed: true
+					}, {
+						css: missingProcessedLoaderGeneratedCss,
+						processed: true
+					}).css;
+					const processedBareSelectorSourceCss = processedSourceCss ?? (hasTailwindGeneratedAssetCss ? removeWebpackTailwindGeneratedAssetCss(sourceWithLoaderGeneratedCss) : void 0);
+					const handledCss = hasTailwindGeneratedAssetCss && (!hasGeneratedCssMarker || !isWebGeneratorTarget && hasDeferredWebpackGeneratedCss(source, [...generatedCssSources.values()].map((item) => item.classSet))) ? isWebGeneratorTarget ? sourceWithLoaderGeneratedCss : (await compilerOptions.styleHandler(sourceWithLoaderGeneratedCss, cssHandlerOptionsForProcessedAsset)).css : sourceWithLoaderGeneratedCss;
+					const nextCss = stripTrailingLineWhitespace(finalizeCssAssetSource(handledCss, {
+						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 ? "" : 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(css, cssHandlerOptionsForProcessedAsset, { finalized: true })) };
+				}
+			});
+		}, cssTaskFactories, "tasks.css");
+		return true;
+	}
+	const currentRawSource = readRawSource();
+	if (isWebpackCssLoaderRuntimeSource(currentRawSource)) {
+		const hashKey = `${file}:asset`;
+		rememberProcessCacheKey(file, hashKey);
+		await enqueueTask(async () => {
+			await processCachedTask({
+				cache: compilerOptions.cache,
+				cacheKey: file,
+				hashKey,
+				rawSource: currentRawSource,
+				hash: createRuntimeAwareCssHash(chunkHash, compilerOptions.cache.computeHash(currentRawSource), "webpack-css-loader-runtime"),
+				applyResult(source, { cacheHit }) {
+					updateAssetIfChanged(file, source, {
+						compare: !cacheHit,
+						notifyUpdate: !cacheHit
+					});
+				},
+				onCacheHit() {
+					debug("css-loader runtime cache hit: %s", file);
+				},
+				transform: async () => ({ result: new ConcatSource(currentRawSource) })
+			});
+		}, cssTaskFactories, "tasks.css");
+		return true;
+	}
+	return false;
+}
+//#endregion
 //#region src/bundlers/webpack/BaseUnifiedPlugin/v5-assets/source-candidate-cache.ts
 const WEBPACK_SOURCE_CANDIDATE_SCAN_CACHE_MAX = 2;
 function trimScanCache(cache) {
@@ -1555,6 +2176,11 @@ function setupWebpackV5ProcessAssetsHook(options) {
 			debug("start");
 			await runtimeState.readyPromise;
 			const hmrTimingStartedAt = performance.now();
+			const timingDetails = {};
+			const recordTimingDetail = (name, startedAt) => {
+				timingDetails[name] = (timingDetails[name] ?? 0) + Math.max(0, performance.now() - startedAt);
+			};
+			const setupStartedAt = performance.now();
 			for (const chunk of compilation.chunks) if (chunk.id && chunk.hash) compilerOptions.cache.calcHashValueChanged(chunk.id, chunk.hash);
 			const assetHashByChunk = createAssetHashByChunkMap(compilation.chunks);
 			const { updateAssetIfChanged } = createWebpackAssetUpdater({
@@ -1576,6 +2202,10 @@ function setupWebpackV5ProcessAssetsHook(options) {
 				appType,
 				cssMatcher: compilerOptions.cssMatcher
 			}));
+			const directCssAssetResources = createWebpackDirectCssAssetResourceMap(compilation.chunks, compilation.chunkGraph, compilerOptions.cssMatcher, (resource, issuer) => resolveWebpackCssAssetModuleResource(resource, issuer, {
+				appType,
+				cssMatcher: compilerOptions.cssMatcher
+			}));
 			const watchChangedFiles = new Set([...getWatchChangedFiles?.() ?? []].map((file) => path.resolve(file)));
 			const taskConcurrency = watchMode ? resolveTaskConcurrency(1) : void 0;
 			const activeProcessCacheKeys = /* @__PURE__ */ new Set();
@@ -1596,6 +2226,7 @@ function setupWebpackV5ProcessAssetsHook(options) {
 				compilation,
 				cssAssetFiles: entries.map(([file]) => file),
 				cssAssetResources,
+				directCssAssetResources,
 				cssHandlerOptionsCache,
 				cssSources,
 				cssUserHandlerOptionsCache,
@@ -1606,7 +2237,10 @@ function setupWebpackV5ProcessAssetsHook(options) {
 				runtimeState
 			});
 			const finalizeCssAssetSource = (source, options = {}) => finalizeWebpackCssAssetSource(source, compilerOptions, isWebGeneratorTarget, options);
-			const webpackSourceCandidates = !isWebGeneratorTarget && groupedEntries.css.length > 0 || cssSources.size > 0 || generatedCssSources.size > 0 || isCssSourceTraceEnabled(compilerOptions) ? await refreshWebpackSourceCandidates({
+			const shouldRefreshWebpackSourceCandidates = !isWebGeneratorTarget && groupedEntries.css.length > 0 || cssSources.size > 0 || generatedCssSources.size > 0 || isCssSourceTraceEnabled(compilerOptions);
+			recordTimingDetail("setup", setupStartedAt);
+			const sourceCandidatesStartedAt = performance.now();
+			const webpackSourceCandidates = shouldRefreshWebpackSourceCandidates ? await refreshWebpackSourceCandidates({
 				compilerOptions,
 				debug,
 				outputDir,
@@ -1616,6 +2250,7 @@ function setupWebpackV5ProcessAssetsHook(options) {
 				watchMode
 			}) : void 0;
 			const webpackSourceCandidateValueSignature = webpackSourceCandidates ? createCandidateSignature(webpackSourceCandidates.getSourceCandidatesForEntries(void 0)) : "source-candidates:0";
+			recordTimingDetail("sourceCandidates", sourceCandidatesStartedAt);
 			const cssSourceTraceTokenSources = createWebpackCssSourceTraceTokenSources(compilerOptions, webpackSourceCandidates);
 			const cssSourceTraceSignature = createCssSourceTraceCacheSignature(cssSourceTraceTokenSources, compilerOptions);
 			const annotateCss = (css) => annotateCssSourceTrace(css, {
@@ -1629,6 +2264,7 @@ function setupWebpackV5ProcessAssetsHook(options) {
 				isWebGeneratorTarget
 			});
 			const hasRuntimeTransformAssets = Boolean(!isWebGeneratorTarget && ((groupedEntries.html?.length ?? 0) > 0 || (groupedEntries.js?.length ?? 0) > 0));
+			const runtimeStartedAt = performance.now();
 			const forceRuntimeRefresh = getRuntimeRefreshRequirement();
 			debug("processAssets ensure runtime set forceRefresh=%s major=%s", forceRuntimeRefresh, runtimeState.tailwindRuntime.majorVersion ?? "unknown");
 			let runtimeSet;
@@ -1666,6 +2302,7 @@ function setupWebpackV5ProcessAssetsHook(options) {
 			}
 			await refreshRuntimeMetadata(forceRuntimeRefresh);
 			consumeRuntimeRefreshRequirement();
+			recordTimingDetail("runtime", runtimeStartedAt);
 			const webpackSourceCandidateSet = webpackSourceCandidates?.getSourceCandidatesForEntries(void 0);
 			const generatorRuntimeSet = new Set(runtimeSet);
 			addRuntimeTransformCandidates(generatorRuntimeSet, webpackSourceCandidateSet);
@@ -1720,520 +2357,107 @@ function setupWebpackV5ProcessAssetsHook(options) {
 			const defaultTemplateHandlerOptions = { runtimeSet: transformRuntimeSet };
 			debug("get runtimeSet, class count: %d, transform class count: %d", runtimeSet.size, transformRuntimeSet.size);
 			const tasks = [];
-			const htmlTaskFactories = [];
 			const cssTaskFactories = [];
-			const enqueueTask = async (factory, target) => {
+			const enqueueTask = async (factory, target, phase) => {
+				const timedFactory = async () => {
+					const startedAt = performance.now();
+					try {
+						await factory();
+					} finally {
+						recordTimingDetail(phase, startedAt);
+					}
+				};
 				if (watchMode) {
-					await factory();
+					await timedFactory();
 					return;
 				}
-				target.push(factory);
+				target.push(timedFactory);
 			};
-			if (!isWebGeneratorTarget && Array.isArray(groupedEntries.html)) for (const element of groupedEntries.html) {
-				const [file, originalSource] = element;
-				let rawSource;
-				const readRawSource = () => {
-					rawSource ?? (rawSource = originalSource.source().toString());
-					return rawSource;
-				};
-				const cacheKey = file;
-				const hashKey = `${file}:asset`;
-				rememberProcessCacheKey(cacheKey, hashKey);
-				const chunkHash = assetHashByChunk.get(file);
-				await enqueueTask(async () => {
-					await processCachedTask({
-						cache: compilerOptions.cache,
-						cacheKey,
-						hashKey,
-						rawSource: chunkHash === void 0 ? readRawSource() : void 0,
-						hash: chunkHash,
-						applyResult(source, { cacheHit }) {
-							updateAssetIfChanged(file, source, {
-								compare: !cacheHit,
-								notifyUpdate: !cacheHit
-							});
-						},
-						onCacheHit() {
-							debug("html cache hit: %s", file);
-						},
-						transform: async () => {
-							const wxml = await compilerOptions.templateHandler(readRawSource(), defaultTemplateHandlerOptions);
-							const source = new ConcatSource(wxml);
-							debug("html handle: %s", file);
-							return { result: source };
-						}
-					});
-				}, htmlTaskFactories);
-			}
-			const jsTaskFactories = [];
-			const enqueueJsTask = async (factory) => {
-				await enqueueTask(factory, jsTaskFactories);
+			const { htmlTaskFactories, jsTaskFactories } = await enqueueWebpackHtmlAndJsTasks({
+				ConcatSource,
+				applyWebpackLinkedJsResults,
+				assetHashByChunk,
+				compilation,
+				compilerOptions,
+				debug,
+				defaultTemplateHandlerOptions,
+				enqueueTask,
+				groupedEntries,
+				isWebGeneratorTarget,
+				jsAssets,
+				moduleGraphOptions,
+				outputDir,
+				rememberProcessCacheKey,
+				rememberTransformedRuntimeCandidates,
+				runtimeState,
+				transformRuntimeSet,
+				updateAssetIfChanged
+			});
+			const cssTaskContext = {
+				ConcatSource,
+				assetHashByChunk,
+				compilation,
+				compilerOptions,
+				configuredCssEntryFiles,
+				configuredMainCssEntryFiles,
+				createRuntimeSetHash,
+				cssSourceTraceSignature,
+				cssSources,
+				cssTaskFactories,
+				debug,
+				enqueueTask,
+				finalizeCssAssetSource,
+				finalizeTracedCss,
+				generatedCssSources,
+				generatorRuntimeSet,
+				getCssHandlerOptions,
+				getCssUserHandlerOptions,
+				getGeneratorRuntimeSet,
+				hasConfiguredTailwindV4SourceRoots,
+				isKnownWebpackProcessedCssAsset,
+				isSameWebpackSourceScope,
+				isWebGeneratorTarget,
+				isWebpackProcessedCssAsset,
+				processedCssAssetSkipDecisionCache,
+				rememberProcessCacheKey,
+				resolveWebpackCssSourceFile,
+				runtimeAffectingSourceHash,
+				runtimeState,
+				transformRuntimeSet,
+				updateAssetIfChanged,
+				watchMode,
+				webpackSourceCandidateSet,
+				webpackSourceCandidateValueSignature,
+				webpackSourceCandidates
 			};
-			if (!isWebGeneratorTarget && Array.isArray(groupedEntries.js)) for (const [file] of groupedEntries.js) {
-				const cacheKey = getCacheKey(file);
-				const asset = compilation.getAsset(file);
-				if (!asset) continue;
-				const hashKey = `${file}:asset`;
-				rememberProcessCacheKey(cacheKey, hashKey);
-				const absoluteFile = toAbsoluteOutputPath(file, outputDir);
-				const initialSource = asset.source.source();
-				const initialRawSource = typeof initialSource === "string" ? initialSource : initialSource.toString();
-				const chunkHash = assetHashByChunk.get(file);
-				await enqueueJsTask(async () => {
-					await processCachedTask({
-						cache: compilerOptions.cache,
-						cacheKey,
-						hashKey,
-						rawSource: chunkHash === void 0 ? initialRawSource : void 0,
-						hash: chunkHash,
-						applyResult(source, { cacheHit }) {
-							if (updateAssetIfChanged(file, source, {
-								compare: !cacheHit,
-								notifyUpdate: !cacheHit
-							})) rememberTransformedRuntimeCandidates(source);
-						},
-						onCacheHit() {
-							debug("js cache hit: %s", file);
-						},
-						transform: async () => {
-							const currentSourceValue = compilation.getAsset(file)?.source.source();
-							const currentSource = stringifyOptionalWebpackSourceValue(currentSourceValue);
-							const handlerOptions = {
-								tailwindcssMajorVersion: runtimeState.tailwindRuntime.majorVersion,
-								generateMap: false,
-								filename: absoluteFile,
-								moduleGraph: moduleGraphOptions,
-								babelParserOptions: { sourceFilename: absoluteFile }
-							};
-							if (shouldSkipJsTransform(currentSource, {
-								...handlerOptions,
-								classNameSet: transformRuntimeSet
-							})) return { result: new ConcatSource(currentSource) };
-							const { code, linked } = await compilerOptions.jsHandler(currentSource, transformRuntimeSet, handlerOptions);
-							const source = new ConcatSource(code);
-							debug("js handle: %s", file);
-							applyWebpackLinkedJsResults({
-								ConcatSource,
-								compilation,
-								compilerOptions,
-								debug,
-								jsAssets,
-								linked
-							});
-							return { result: source };
-						}
-					});
-				});
-			}
 			for (const element of groupedEntries.css) {
-				const [file, originalSource] = element;
-				let rawSource;
-				const readRawSource = () => {
-					rawSource ?? (rawSource = originalSource.source().toString());
-					return rawSource;
-				};
-				const chunkHash = assetHashByChunk.get(file);
-				const cssHandlerOptionsForProcessedAsset = getCssHandlerOptions(file, readRawSource());
-				const processedCssAssetMetadata = { isMainCssChunk: cssHandlerOptionsForProcessedAsset.isMainChunk };
-				const processedSourceFile = cssHandlerOptionsForProcessedAsset.sourceOptions?.sourceFile;
-				const processedSourceCss = processedSourceFile ? cssSources.get(path.resolve(processedSourceFile))?.css : void 0;
-				const shouldRegenerateProcessedTailwindV4SourceCss = processedSourceCss !== void 0 && (hasTailwindSourceDirectives(processedSourceCss, { importFallback: true }) || processedSourceCss.includes("@config"));
-				const processedCssAssetKnown = isKnownWebpackProcessedCssAsset?.(file, processedCssAssetMetadata) === true;
-				const processedLoaderGeneratedCss = processedSourceFile ? generatedCssSources.get(path.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";
-				const processedCssDecisionCacheKey = `${file}:${createRuntimeAwareCssHash(chunkHash, processedAssetSourceHash, `${createRuntimeSetHash(getGeneratorRuntimeSet())}:${runtimeAffectingSourceHash}:${webpackSourceCandidates?.signatureHash ?? "source-candidates:0"}:${webpackSourceCandidateValueSignature}:${cssSourceTraceSignature}`)}`;
-				let currentProcessedRawSource;
-				let hasGeneratedCssMarker = false;
-				let hasTailwindGeneratedAssetCss = false;
-				const readCurrentProcessedRawSource = () => {
-					currentProcessedRawSource ?? (currentProcessedRawSource = readRawSource());
-					return currentProcessedRawSource;
-				};
-				const cachedSkipProcessedCssAsset = processedCssAssetKnown ? processedCssAssetSkipDecisionCache.get(processedCssDecisionCacheKey) : void 0;
-				const shouldRegenerateStaleProcessedWebCssAsset = isWebGeneratorTarget && !processedCssAssetKnown && cachedSkipProcessedCssAsset === void 0 && cssHandlerOptionsForProcessedAsset.isMainChunk && webpackSourceCandidateSet !== void 0 && (hasMissingRuntimeCandidates(processedLoaderGeneratedCss?.classSet, webpackSourceCandidateSet) || hasMissingRuntimeCandidates(resolveGeneratedCssRuntimeCandidates(readCurrentProcessedRawSource(), processedLoaderGeneratedCss?.classSet), webpackSourceCandidateSet));
-				if (cachedSkipProcessedCssAsset !== void 0) {
-					hasGeneratedCssMarker = cachedSkipProcessedCssAsset && cssHandlerOptionsForProcessedAsset.isMainChunk;
-					hasTailwindGeneratedAssetCss = hasGeneratedCssMarker;
-				} else {
-					const source = readCurrentProcessedRawSource();
-					hasGeneratedCssMarker = hasBundlerGeneratedCssMarker(source);
-					hasTailwindGeneratedAssetCss = hasTailwindGeneratedCss(source) || hasTailwindGeneratedCssMarkers(source);
-				}
-				const hasProcessedAssetTailwindDirectives = () => {
-					const source = readCurrentProcessedRawSource();
-					return hasTailwindRootDirectives(source, { importFallback: true }) || hasTailwindSourceDirectives(source, { importFallback: true }) || 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]) => ({
-					...source,
-					file: sourceFile
-				})), readCurrentProcessedRawSource()) !== void 0;
-				const hasProcessedLoaderGeneratedUserCss = cachedSkipProcessedCssAsset === void 0 && processedLoaderGeneratedCss !== void 0 && hasAdditionalWebpackAssetUserCssMarkers(processedLoaderGeneratedCss.css, readCurrentProcessedRawSource());
-				const shouldFinalizeProcessedWebCssAsset = isWebGeneratorTarget && !shouldForceConfiguredMainCssGeneration && !shouldRegenerateProcessedTailwindV4SourceCss && 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);
-				if (processedCssAssetKnown && cachedSkipProcessedCssAsset === void 0 && !shouldFinalizeProcessedWebCssAsset && !shouldPreserveFinalWebCssAsset) processedCssAssetSkipDecisionCache.set(processedCssDecisionCacheKey, shouldSkipProcessedCssAsset === true);
-				if (shouldSkipProcessedCssAsset) {
-					const hashKey = `${file}:asset`;
-					const sourceHash = processedAssetSourceHash;
-					rememberProcessCacheKey(file, hashKey);
-					await enqueueTask(async () => {
-						await processCachedTask({
-							cache: compilerOptions.cache,
-							cacheKey: file,
-							hashKey,
-							rawSource: chunkHash === void 0 && !processedCssAssetKnown ? readCurrentProcessedRawSource() : void 0,
-							hash: createRuntimeAwareCssHash(chunkHash, sourceHash, `${createRuntimeSetHash(getGeneratorRuntimeSet())}:${runtimeAffectingSourceHash}:${webpackSourceCandidates?.signatureHash ?? "source-candidates:0"}:${webpackSourceCandidateValueSignature}:${cssSourceTraceSignature}`),
-							applyResult(source, { cacheHit }) {
-								updateAssetIfChanged(file, source, {
-									compare: !cacheHit,
-									notifyUpdate: !cacheHit
-								});
-							},
-							onCacheHit() {
-								debug("css webpack-loader-pipeline cache hit: %s", file);
-							},
-							transform: async () => {
-								const source = readCurrentProcessedRawSource();
-								const processedBareSelectorSourceCss = processedSourceCss ?? (hasTailwindGeneratedAssetCss ? removeWebpackTailwindGeneratedAssetCss(source) : void 0);
-								const handledCss = hasTailwindGeneratedAssetCss && !hasGeneratedCssMarker ? isWebGeneratorTarget ? source : (await compilerOptions.styleHandler(source, cssHandlerOptionsForProcessedAsset)).css : source;
-								const nextCss = stripTrailingLineWhitespace(finalizeCssAssetSource(handledCss, {
-									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 ? "" : 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(css, cssHandlerOptionsForProcessedAsset, { finalized: true })) };
-							}
-						});
-					}, cssTaskFactories);
-					continue;
-				}
-				const currentRawSource = readRawSource();
-				if (isWebpackCssLoaderRuntimeSource(currentRawSource)) {
-					const hashKey = `${file}:asset`;
-					rememberProcessCacheKey(file, hashKey);
-					await enqueueTask(async () => {
-						await processCachedTask({
-							cache: compilerOptions.cache,
-							cacheKey: file,
-							hashKey,
-							rawSource: currentRawSource,
-							hash: createRuntimeAwareCssHash(chunkHash, compilerOptions.cache.computeHash(currentRawSource), "webpack-css-loader-runtime"),
-							applyResult(source, { cacheHit }) {
-								updateAssetIfChanged(file, source, {
-									compare: !cacheHit,
-									notifyUpdate: !cacheHit
-								});
-							},
-							onCacheHit() {
-								debug("css-loader runtime cache hit: %s", file);
-							},
-							transform: async () => ({ result: new ConcatSource(currentRawSource) })
-						});
-					}, cssTaskFactories);
-					continue;
-				}
-				const cacheKey = file;
-				const hashKey = `${file}:asset`;
-				rememberProcessCacheKey(cacheKey, hashKey);
-				const cssHandlerOptionsForHash = getCssHandlerOptions(file, currentRawSource);
-				const cssChunkHash = watchMode && cssHandlerOptionsForHash.isMainChunk ? void 0 : chunkHash;
-				const cssSourceHash = (() => {
-					const sourceFile = resolveWebpackCssSourceFile(file, currentRawSource);
-					const sourceCss = sourceFile ? cssSources.get(sourceFile)?.css : void 0;
-					const generatorSourceCss = removeWebpackGeneratorNonTailwindImports(sourceCss);
-					if (sourceCss === void 0) return sourceFile === void 0 ? "webpack-css-source:0" : `webpack-css-source:0:${sourceFile}`;
-					return `webpack-css-source:1:${compilerOptions.cache.computeHash(sourceCss)}:${generatorSourceCss === sourceCss || generatorSourceCss === void 0 ? "generator-source:0" : compilerOptions.cache.computeHash(generatorSourceCss)}`;
-				})();
-				const runtimeAwareHash = createRuntimeAwareCssHash(cssChunkHash, compilerOptions.cache.computeHash(currentRawSource), `${createRuntimeSetHash(getGeneratorRuntimeSet())}:${runtimeAffectingSourceHash}:${webpackSourceCandidates?.signatureHash ?? "source-candidates:0"}:${webpackSourceCandidateValueSignature}:${cssSourceTraceSignature}:${cssSourceHash}`);
-				await enqueueTask(async () => {
-					await processCachedTask({
-						cache: compilerOptions.cache,
-						cacheKey,
-						hashKey,
-						rawSource: currentRawSource,
-						hash: runtimeAwareHash,
-						applyResult(source, { cacheHit }) {
-							updateAssetIfChanged(file, source, {
-								compare: !cacheHit,
-								notifyUpdate: !cacheHit
-							});
-						},
-						onCacheHit() {
-							debug("css cache hit: %s", file);
-						},
-						transform: async () => {
-							await runtimeState.readyPromise;
-							const cssHandlerOptions = getCssHandlerOptions(file, currentRawSource);
-							const generatorRawSource = resolveWebpackGeneratorRawSource(currentRawSource, cssHandlerOptions);
-							if (isWebpackCssLoaderRuntimeSource(generatorRawSource)) return { result: new ConcatSource(currentRawSource) };
-							const sourceFile = cssHandlerOptions.sourceOptions?.sourceFile;
-							const sourceCss = sourceFile ? cssSources.get(path.resolve(sourceFile))?.css : void 0;
-							const isConfiguredCssSource = sourceFile !== void 0 && configuredCssEntryFiles.some((entry) => path.resolve(entry) === path.resolve(sourceFile));
-							const isConfiguredMainCssSource = sourceFile !== void 0 && configuredMainCssEntryFiles.some((entry) => path.resolve(entry) === path.resolve(sourceFile));
-							const sourceCssHasTailwindRoot = sourceCss !== void 0 && hasTailwindRootDirectives(sourceCss, { importFallback: true });
-							const shouldPreserveExistingPreflight = cssHandlerOptions.isMainChunk || !isConfiguredMainCssSource && (isConfiguredCssSource || sourceCssHasTailwindRoot);
-							const loaderGeneratedCss = sourceFile && !isWebGeneratorTarget ? generatedCssSources.get(path.resolve(sourceFile)) : void 0;
-							const shouldRegenerateExplicitTailwindV4CssSource = sourceCss !== void 0 && (hasTailwindSourceDirectives(sourceCss, { importFallback: true }) || sourceCss.includes("@config"));
-							const explicitTailwindV4SourceCandidates = shouldRegenerateExplicitTailwindV4CssSource && sourceCss && sourceFile && webpackSourceCandidates?.getSourceCandidatesForEntries ? await resolveTailwindV4EntriesFromCssCached(sourceCss, path.dirname(sourceFile)).then((resolved) => resolved?.entries ? webpackSourceCandidates.getSourceCandidatesForEntries(resolved.entries) : void 0) : void 0;
-							if (loaderGeneratedCss && shouldConsumeWebpackLoaderGeneratedCss({
-								hasBundlerGeneratedCssMarker: hasBundlerGeneratedCssMarker(currentRawSource),
-								loaderGeneratedClassSet: loaderGeneratedCss.classSet,
-								sourceCandidates: explicitTailwindV4SourceCandidates,
-								shouldRegenerateExplicitTailwindV4CssSource,
-								watchMode
-							})) {
-								for (const className of loaderGeneratedCss.classSet) {
-									generatorRuntimeSet.add(className);
-									transformRuntimeSet.add(className);
-								}
-								for (const dependency of loaderGeneratedCss.dependencies) compilation.fileDependencies?.add?.(dependency);
-								const currentRawSourceWithoutBundlerMarkers = stripBundlerGeneratedCssMarkers(currentRawSource);
-								const currentAssetHasProcessedUrl = hasProcessedCssAssetUrl(currentRawSourceWithoutBundlerMarkers) && currentRawSourceWithoutBundlerMarkers !== loaderGeneratedCss.css;
-								const currentAssetUserCss = currentAssetHasProcessedUrl ? currentRawSourceWithoutBundlerMarkers : shouldUseWebpackAssetAsGeneratorUserCss(currentRawSourceWithoutBundlerMarkers, loaderGeneratedCss.css, { processed: true }) ? removeGeneratedSelectorCompatCss(currentRawSourceWithoutBundlerMarkers, loaderGeneratedCss.css) : void 0;
-								const loaderGeneratedCssWithoutMarkers = stripBundlerGeneratedCssMarkers(loaderGeneratedCss.css);
-								const currentAssetUserCssWithoutMarkers = currentAssetUserCss === void 0 ? "" : stripBundlerGeneratedCssMarkers(currentAssetUserCss);
-								const currentAssetMissingUserCss = !(currentAssetUserCssWithoutMarkers.trim().length > 0 && !isCommentOnlyCss(currentAssetUserCssWithoutMarkers)) ? "" : filterExistingCssRules(currentAssetUserCssWithoutMarkers, loaderGeneratedCssWithoutMarkers);
-								if (isConfiguredMainCssSource && !cssHandlerOptions.isMainChunk) {
-									debug("css skip duplicate webpack loader main generation: %s <- %s", file, sourceFile);
-									const userCss = currentAssetMissingUserCss.trim().length === 0 || isCommentOnlyCss(currentAssetMissingUserCss) ? "" : finalizeCssAssetSource(currentAssetMissingUserCss, {
-										cssPreflight: false,
-										generatedCss: false
-									});
-									return { result: new ConcatSource(finalizeTracedCss(userCss, cssHandlerOptions)) };
-								}
-								const mergedLoaderCss = currentAssetUserCss === void 0 ? loaderGeneratedCss.css : createWebpackGeneratorUserCssSourceAppend({
-									css: currentAssetUserCss === void 0 ? loaderGeneratedCss.css : currentAssetHasProcessedUrl ? removeGeneratedSelectorCompatCss(loaderGeneratedCss.css, currentAssetUserCss) : filterExistingCssRules(currentAssetUserCss, loaderGeneratedCss.css),
-									processed: true
-								}, currentAssetUserCss === void 0 ? void 0 : {
-									css: currentAssetUserCss,
-									processed: true
-								}).css;
-								const finalizedLoaderCss = finalizeCssAssetSource(mergedLoaderCss, {
-									cssPreflight: cssHandlerOptions.isMainChunk,
-									generatedCss: true,
-									preserveExistingPreflight: shouldPreserveExistingPreflight
-								});
-								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 ? "" : filterExistingCssRules(finalizedLoaderCss, finalizedLoaderSourceBareUserCss);
-								const css = finalizeTracedCss(missingLoaderSourceBareUserCss.trim().length === 0 ? finalizedLoaderCss : createWebpackGeneratorUserCssSourceAppend({
-									css: finalizedLoaderCss,
-									processed: true
-								}, {
-									css: missingLoaderSourceBareUserCss,
-									processed: true
-								}).css, cssHandlerOptions, { finalized: true });
-								debug("css consume webpack loader generation: %s <- %s", file, sourceFile);
-								return { result: new ConcatSource(css) };
-							}
-							const sourceCssProcessed = sourceFile ? cssSources.get(path.resolve(sourceFile))?.processed === true : false;
-							const registeredUserRawSource = createWebpackUserCssSourceAppend([...cssSources.entries()].map(([registeredSourceFile, source]) => ({
-								...source,
-								file: registeredSourceFile
-							})), generatorRawSource, sourceFile, (registeredSourceFile) => isSameWebpackSourceScope(file, registeredSourceFile, sourceFile));
-							const currentAssetLooksGenerated = hasTailwindGeneratedCss(currentRawSource) || hasTailwindGeneratedCssMarkers(currentRawSource);
-							const currentAssetHasBundlerGeneratedMarker = hasBundlerGeneratedCssMarker(currentRawSource);
-							const currentAssetUserCssSource = currentAssetLooksGenerated ? removeWebpackTailwindGeneratedAssetCss(currentRawSource) : currentRawSource;
-							if (sourceFile === void 0 && currentAssetHasBundlerGeneratedMarker && (currentAssetUserCssSource.trim().length === 0 || 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 && (hasTailwindRootDirectives(sourceCss, { importFallback: true }) || hasTailwindSourceDirectives(sourceCss, { importFallback: true }) || hasTailwindApplyDirective(sourceCss));
-							const currentAssetHasUserCss = (sourceCssProcessed || hasExplicitSourceCssForCurrentAsset) && currentAssetLooksGenerated && !shouldPreserveGeneratedWebAssetUserCss ? currentAssetHasAdditionalUserCss : shouldUseWebpackAssetAsGeneratorUserCss(currentAssetUserCssSource, generatorRawSource, { processed: sourceCssProcessed || shouldPreserveGeneratedWebAssetUserCss });
-							const userRawSource = createWebpackGeneratorUserCssSourceAppend(createWebpackCurrentAssetUserRawSource({
-								currentAssetHasUserCss,
-								currentAssetLooksGenerated,
-								currentAssetUserCssSource,
-								shouldAppendCurrentAssetUserCss: shouldAppendCurrentWebpackAssetUserCss({
-									currentAssetHasBundlerGeneratedMarker,
-									currentAssetHasUserCss,
-									currentAssetLooksGenerated,
-									registeredUserRawSource,
-									shouldPreserveGeneratedWebAssetUserCss,
-									sourceCssProcessed
-								}),
-								sourceCssProcessed
-							}), registeredUserRawSource);
-							if (isPureLocalCssImportWrapper(currentRawSource)) return { result: new ConcatSource(removeTailwindSourceDirectives(stripBundlerGeneratedCssMarkers(currentRawSource), { importFallback: true })) };
-							const fallbackGeneratorRuntimeSet = getGeneratorRuntimeSet();
-							const hasExplicitTailwindV4SourceCss = sourceCss !== void 0 && (hasTailwindSourceDirectives(sourceCss, { importFallback: true }) || sourceCss.includes("@config"));
-							const currentAssetHasTailwindDirectives = hasTailwindRootDirectives(generatorRawSource, { importFallback: true }) || hasTailwindSourceDirectives(generatorRawSource, { importFallback: true }) || 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 createScopedGeneratorRuntime({
-								cssHandlerOptions,
-								fallbackRuntime: scopedFallbackGeneratorRuntimeSet,
-								getSourceCandidatesForEntries: webpackSourceCandidates?.getSourceCandidatesForEntries,
-								majorVersion: runtimeState.tailwindRuntime.majorVersion,
-								outputFile: file,
-								rawSource: sourceFile ? cssSources.get(path.resolve(sourceFile))?.css ?? generatorRawSource : generatorRawSource,
-								shouldExcludeSubpackageSourceCandidates: () => false,
-								sourceFile: sourceFile ?? file,
-								scopedSourceCandidateGetter: webpackSourceCandidates?.getSourceCandidatesForEntries
-							});
-							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 : {
-								...cssHandlerOptions,
-								sourceOptions: {
-									...cssHandlerOptions.sourceOptions,
-									cssSources: generatorCssSources
-								}
-							};
-							const generatorOptions = {
-								opts: scopedGeneratorCompilerOptions,
-								runtimeState,
-								runtime: scopedGeneratorRuntimeSet,
-								rawSource: generatorRawSource,
-								forceGenerator: shouldForceTailwindV4Generation,
-								...hasUsableWebpackGeneratorCssSources(generatorCssSources) ? { cssSources: generatorCssSources } : {},
-								...userRawSource === void 0 ? {} : { userRawSource: userRawSource.css },
-								...userRawSource?.processed === true ? { userRawSourceProcessed: true } : {},
-								file,
-								cssHandlerOptions: generatorCssHandlerOptions,
-								cssUserHandlerOptions: getCssUserHandlerOptions(file),
-								getSourceCandidatesForEntries: webpackSourceCandidates?.getSourceCandidatesForEntries,
-								sourceCandidates: scopedGeneratorRuntimeSet,
-								restoreLocalCssImports: false,
-								styleHandler: compilerOptions.styleHandler,
-								debug
-							};
-							let generated;
-							if (!shouldSkipUnmatchedMainCssGeneration && !shouldSkipPlainNonMainCssGeneration) try {
-								generated = await generateTailwindV4Css({
-									...generatorOptions,
-									outputFile: file
-								});
-							} catch (error) {
-								if (!shouldFallbackToWebpackUserCssOnGeneratorError({
-									configuredMainCssEntryFilesLength: configuredMainCssEntryFiles.length,
-									generatorRawSource,
-									hasExplicitTailwindV4SourceCss
-								})) throw error;
-								debug("css generator skipped for plain webpack css asset: %s %O", file, error);
-								generated = void 0;
-							}
-							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
-							}, {
-								css: removeWebpackTailwindGeneratedAssetCss(currentRawSource),
-								processed: true
-							})?.css ?? generated.css : generated.css, {
-								cssPreflight: cssHandlerOptions.isMainChunk,
-								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,
-								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 ? "" : filterExistingCssRules(finalizedGeneratedCss, finalizedSourceBareUserCss);
-							const css = finalizeTracedCss(missingSourceBareUserCss.trim().length === 0 ? finalizedGeneratedCss : createWebpackGeneratorUserCssSourceAppend({
-								css: finalizedGeneratedCss,
-								processed: true
-							}, {
-								css: missingSourceBareUserCss,
-								processed: true
-							}).css, cssHandlerOptions, { finalized: true });
-							const source = new ConcatSource(css);
-							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);
-							} else debug("css handle: %s", file);
-							return { result: source };
-						}
-					});
-				}, cssTaskFactories);
+				if (await processWebpackProcessedCssAsset(element, cssTaskContext)) continue;
+				await processWebpackGeneratedCssAsset(element, cssTaskContext);
 			}
-			if (!watchMode) {
-				pushConcurrentTaskFactories(tasks, htmlTaskFactories, taskConcurrency);
-				await Promise.all(tasks);
-				tasks.length = 0;
-				pushConcurrentTaskFactories(tasks, jsTaskFactories, taskConcurrency);
-				await Promise.all(tasks);
-				tasks.length = 0;
-				pushConcurrentTaskFactories(tasks, cssTaskFactories, taskConcurrency);
-			}
-			await Promise.all(tasks);
-			compilerOptions.cache.prune?.({
-				cacheKeys: activeProcessCacheKeys,
-				hashKeys: activeProcessHashKeys
-			});
-			const activeCssFiles = new Set(groupedEntries.css.map(([file]) => file));
-			pruneWebpackCssHandlerOptionCaches(cssHandlerOptionsCache, cssUserHandlerOptionsCache, activeCssFiles);
-			if (activeCssFiles.size > 0) pruneWebpackCssSources?.(/* @__PURE__ */ new Set([
-				...registeredWebpackCssSourceFiles,
-				...activeWebpackCssSourceFiles,
-				...[...cssAssetResources.values()].flatMap((resources) => [...resources])
-			]), { watchMode });
-			debug("end");
-			emitHmrTiming("webpack", "processAssets", performance.now() - hmrTimingStartedAt, { memoryDebug: resolveWebpackMemoryDebugStats({
-				activeAssetFiles: entries.length,
-				activeCssFiles: activeCssFiles.size,
+			await finalizeWebpackProcessAssets({
 				activeProcessCacheKeys,
 				activeProcessHashKeys,
-				cache: compilerOptions.cache,
+				activeWebpackCssSourceFiles,
+				compilerOptions,
+				cssAssetResources,
 				cssHandlerOptionsCache,
+				cssTaskFactories,
 				cssUserHandlerOptionsCache,
-				phase: "processAssets",
-				sourceCandidateScan: webpackSourceCandidateScanCache.getMemoryStats()
-			}) });
-			compilerOptions.onEnd();
+				debug,
+				entries,
+				groupedEntries,
+				hmrTimingStartedAt,
+				htmlTaskFactories,
+				jsTaskFactories,
+				pruneWebpackCssSources,
+				recordTimingDetail,
+				registeredWebpackCssSourceFiles,
+				taskConcurrency,
+				tasks,
+				timingDetails,
+				watchMode,
+				webpackSourceCandidateScanCache
+			});
 		});
 		if (!isWebGeneratorTarget) compilation.hooks.processAssets.tapPromise({
 			name: `${pluginName}:finalize-css-assets`,
@@ -2254,11 +2478,106 @@ function setupWebpackV5ProcessAssetsHook(options) {
 	});
 }
 //#endregion
-//#region ../../node_modules/.pnpm/tsdown@0.22.4_oxc-resolver@11.20.0_tsx@4.23.0_typescript@6.0.3_unrun@0.2.37_synckit@0.1_ef728048c31c93ef751206e871d1f97d/node_modules/tsdown/esm-shims.js
+//#region ../../node_modules/.pnpm/tsdown@0.22.8_oxc-resolver@11.20.0_tsx@4.23.1_typescript@6.0.3_unrun@0.2.37_synckit@0.1_6382f73c03b72307015b1b16541a6d64/node_modules/tsdown/esm-shims.js
 const getFilename = () => fileURLToPath(import.meta.url);
 const getDirname = () => path.dirname(getFilename());
 const __dirname = /* @__PURE__ */ getDirname();
 //#endregion
+//#region src/shared/mpx-plugin-owner.ts
+const localRequire = createRequire(import.meta.url);
+const MPX_WEBPACK_PLUGIN_PACKAGE_RE = /@mpxjs[\\/]webpack-plugin[\\/]package\.json$/;
+const MPX_WEBPACK_PLUGIN_LIB_RE = /^(.*[\\/]@mpxjs[\\/]webpack-plugin)[\\/]lib[\\/]/;
+const MPX_RECORD_RESOURCE_MAP_DEPENDENCY_RE = /@mpxjs[\\/]webpack-plugin[\\/]lib[\\/]dependencies[\\/]RecordResourceMapDependency(?:\.js)?$/;
+const compilationOwnerDirs = /* @__PURE__ */ new WeakMap();
+function findMpxWebpackPluginDir(value) {
+	if (typeof value === "string") return value.match(MPX_WEBPACK_PLUGIN_LIB_RE)?.[1];
+	if (Array.isArray(value)) {
+		for (const item of value) {
+			const result = findMpxWebpackPluginDir(item);
+			if (result) return result;
+		}
+		return;
+	}
+	if (value && typeof value === "object") for (const key of [
+		"loader",
+		"use",
+		"rules",
+		"oneOf"
+	]) {
+		const result = findMpxWebpackPluginDir(value[key]);
+		if (result) return result;
+	}
+}
+function resolveContextPluginDir(context) {
+	if (typeof context !== "string" || context.length === 0) return;
+	try {
+		const projectRequire = createRequire(path.join(context, "package.json"));
+		return path.dirname(projectRequire.resolve("@mpxjs/webpack-plugin/package.json"));
+	} catch {
+		return;
+	}
+}
+function resolveCompilationPluginDir(compilation, candidates) {
+	const getTemplate = compilation?.dependencyTemplates?.get;
+	if (typeof getTemplate !== "function") return;
+	if (compilation && typeof compilation === "object") {
+		const cached = compilationOwnerDirs.get(compilation);
+		if (cached) return cached;
+	}
+	const rememberOwner = (pluginDir) => {
+		if (pluginDir && compilation && typeof compilation === "object") compilationOwnerDirs.set(compilation, pluginDir);
+		return pluginDir;
+	};
+	for (const [file, module] of Object.entries(localRequire.cache)) {
+		if (!MPX_RECORD_RESOURCE_MAP_DEPENDENCY_RE.test(file)) continue;
+		if (getTemplate.call(compilation.dependencyTemplates, module?.exports)) return rememberOwner(file.match(MPX_WEBPACK_PLUGIN_LIB_RE)?.[1]);
+	}
+	for (const pluginDir of candidates) try {
+		const dependency = createRequire(path.join(pluginDir, "package.json"))(path.join(pluginDir, "lib/dependencies/RecordResourceMapDependency"));
+		if (getTemplate.call(compilation.dependencyTemplates, dependency)) return rememberOwner(pluginDir);
+	} catch {}
+}
+function collectMpxWebpackPluginDirs(owner, fallback) {
+	const activeLoaderPluginDir = findMpxWebpackPluginDir([owner?._module?.loaders, owner?.loaders]);
+	const contextPluginDirs = [
+		owner?.rootContext,
+		owner?.context,
+		owner?.options?.context,
+		process.cwd()
+	].map(resolveContextPluginDir).filter((item) => Boolean(item));
+	const configuredRulePluginDir = findMpxWebpackPluginDir(owner?.options?.module?.rules);
+	const cachedPluginDirs = Object.keys(localRequire.cache).map((file) => file.match(MPX_WEBPACK_PLUGIN_LIB_RE)?.[1] ?? (MPX_WEBPACK_PLUGIN_PACKAGE_RE.test(file) ? path.dirname(file) : void 0)).filter((item) => Boolean(item));
+	const localPluginDir = (() => {
+		try {
+			return path.dirname(localRequire.resolve("@mpxjs/webpack-plugin/package.json"));
+		} catch {
+			return;
+		}
+	})();
+	return {
+		activeLoaderPluginDir,
+		candidates: new Set([
+			activeLoaderPluginDir,
+			...contextPluginDirs,
+			configuredRulePluginDir,
+			fallback,
+			...cachedPluginDirs,
+			localPluginDir
+		].filter((item) => Boolean(item))),
+		configuredRulePluginDir,
+		contextPluginDirs,
+		cachedPluginDirs,
+		localPluginDir
+	};
+}
+function resolveMpxWebpackPluginCompilationOwnerDir(owner, compilation, fallback) {
+	return resolveCompilationPluginDir(compilation, collectMpxWebpackPluginDirs(owner, fallback).candidates);
+}
+function resolveMpxWebpackPluginDir(owner, fallback, compilation = owner?._compilation ?? owner?.compilation) {
+	const { activeLoaderPluginDir, candidates, configuredRulePluginDir, contextPluginDirs, cachedPluginDirs, localPluginDir } = collectMpxWebpackPluginDirs(owner, fallback);
+	return resolveCompilationPluginDir(compilation, candidates) ?? activeLoaderPluginDir ?? contextPluginDirs[0] ?? configuredRulePluginDir ?? fallback ?? cachedPluginDirs[0] ?? localPluginDir;
+}
+//#endregion
 //#region src/shared/tailwindcss-css-redirect.ts
 const moduleWithMutableResolve = Module;
 const patched = /* @__PURE__ */ new WeakSet();
@@ -2277,9 +2596,8 @@ function installTailwindcssCssRedirect(pkgDir) {
 }
 //#endregion
 //#region src/shared/mpx.ts
-const localRequire = createRequire(import.meta.url);
 const MPX_STYLE_RESOURCE_QUERY_RE = /(?:^|[?&])type=styles(?:&|$)/;
-const MPX_WEBPACK_PLUGIN_PACKAGE_RE = /@mpxjs[\\/]webpack-plugin[\\/]package\.json$/;
+const MPX_WEBPACK_PLUGIN_REQUEST_PATH_RE = /(?:^|[\\/])@mpxjs[\\/]webpack-plugin(?:[\\/](.+))?$/;
 function isMpxStyleResourceQuery(query) {
 	if (typeof query !== "string") return false;
 	return MPX_STYLE_RESOURCE_QUERY_RE.test(query);
@@ -2287,23 +2605,61 @@ function isMpxStyleResourceQuery(query) {
 function getTailwindcssCssEntry(pkgDir) {
 	return path.join(pkgDir, "index.css");
 }
-function resolveMpxWebpackPluginDir(compiler) {
-	const candidates = [
-		compiler?.context,
-		compiler?.options?.context,
-		process.cwd()
-	].filter((item) => typeof item === "string" && item.length > 0);
-	for (const candidate of candidates) try {
-		const projectRequire = createRequire(path.join(candidate, "package.json"));
-		return path.dirname(projectRequire.resolve("@mpxjs/webpack-plugin/package.json"));
-	} catch {}
-	const cachedPackageJson = Object.keys(localRequire.cache).find((file) => MPX_WEBPACK_PLUGIN_PACKAGE_RE.test(file));
-	if (cachedPackageJson) return path.dirname(cachedPackageJson);
-	try {
-		return path.dirname(localRequire.resolve("@mpxjs/webpack-plugin/package.json"));
-	} catch {
-		return;
-	}
+function rewriteMpxWebpackPluginRequests(request, mpxWebpackPluginDir, pathImpl = path) {
+	return request.split("!").map((segment) => {
+		const queryIndex = segment.indexOf("?");
+		const requestPath = queryIndex === -1 ? segment : segment.slice(0, queryIndex);
+		const query = queryIndex === -1 ? "" : segment.slice(queryIndex);
+		const match = requestPath.match(MPX_WEBPACK_PLUGIN_REQUEST_PATH_RE);
+		if (!match) return segment;
+		const subpath = match[1];
+		return `${subpath ? pathImpl.join(mpxWebpackPluginDir, ...subpath.split(/[\\/]/)) : mpxWebpackPluginDir}${query}`;
+	}).join("!");
+}
+function patchMpxWebpackPluginRequests(compiler, mpxWebpackPluginDir) {
+	if (!mpxWebpackPluginDir || !compiler) return false;
+	const pluginName = "weapp-tailwindcss-mpx-loader-resolve";
+	const patchedCompilers = /* @__PURE__ */ new WeakSet();
+	const patchedLoaderResolvers = /* @__PURE__ */ new WeakSet();
+	const patchedResolverFactories = /* @__PURE__ */ new WeakSet();
+	let activePluginDir = mpxWebpackPluginDir;
+	const getActivePluginDir = () => activePluginDir;
+	const install = (targetCompiler) => {
+		if (!targetCompiler || typeof targetCompiler !== "object" || patchedCompilers.has(targetCompiler)) return;
+		patchedCompilers.add(targetCompiler);
+		ensureResolveLoaderAlias(targetCompiler, activePluginDir);
+		const resolverFactory = targetCompiler.resolverFactory;
+		if (resolverFactory && typeof resolverFactory === "object" && !patchedResolverFactories.has(resolverFactory)) {
+			patchedResolverFactories.add(resolverFactory);
+			installMpxResolveLoaderAlias(targetCompiler, getActivePluginDir);
+		}
+		targetCompiler.hooks?.normalModuleFactory?.tap?.(pluginName, (normalModuleFactory) => {
+			const loaderResolver = normalModuleFactory.getResolver?.("loader");
+			if (loaderResolver && typeof loaderResolver === "object" && !patchedLoaderResolvers.has(loaderResolver)) {
+				patchedLoaderResolvers.add(loaderResolver);
+				patchMpxLoaderResolver(loaderResolver, getActivePluginDir);
+			}
+			normalModuleFactory.hooks.beforeResolve.tap(pluginName, (resolveData) => {
+				const pluginDir = getActivePluginDir();
+				if (pluginDir && typeof resolveData?.request === "string") resolveData.request = rewriteMpxWebpackPluginRequests(resolveData.request, pluginDir);
+			});
+		});
+		targetCompiler.hooks?.compilation?.tap?.(pluginName, (compilation) => {
+			const compilationPluginDir = resolveMpxWebpackPluginCompilationOwnerDir(targetCompiler, compilation, activePluginDir);
+			if (compilationPluginDir) {
+				activePluginDir = compilationPluginDir;
+				patchMpxWebpackPluginNormalizeLib(targetCompiler, compilationPluginDir);
+				ensureResolveLoaderAlias(targetCompiler, compilationPluginDir);
+				const alias = targetCompiler.options?.resolve?.alias;
+				if (alias) addMpxWebpackPluginAlias(alias, compilationPluginDir);
+			}
+			compilation.hooks?.childCompiler?.tap?.(pluginName, (childCompiler) => {
+				install(childCompiler);
+			});
+		});
+	};
+	install(compiler);
+	return true;
 }
 function isMpxWebpackPluginRequest(request) {
 	return request === "@mpxjs/webpack-plugin" || Boolean(request?.startsWith("@mpxjs/webpack-plugin/"));
@@ -2316,20 +2672,33 @@ function addMpxWebpackPluginAlias(alias, pkgDir) {
 	const recordLoader = path.join(pkgDir, "lib/record-loader");
 	const styleCompiler = path.join(pkgDir, "lib/style-compiler/index");
 	const stripConditionalLoader = path.join(pkgDir, "lib/style-compiler/strip-conditional-loader");
-	if (Array.isArray(alias)) alias.push({
-		name: "@mpxjs/webpack-plugin/lib/record-loader",
-		alias: recordLoader
-	}, {
-		name: "@mpxjs/webpack-plugin/lib/style-compiler/index",
-		alias: styleCompiler
-	}, {
-		name: "@mpxjs/webpack-plugin/lib/style-compiler/strip-conditional-loader",
-		alias: stripConditionalLoader
-	}, {
-		name: /^@mpxjs\/webpack-plugin\//,
-		alias: pkgDir
-	});
-	else {
+	if (Array.isArray(alias)) {
+		const entries = [
+			{
+				name: "@mpxjs/webpack-plugin/lib/record-loader",
+				alias: recordLoader
+			},
+			{
+				name: "@mpxjs/webpack-plugin/lib/style-compiler/index",
+				alias: styleCompiler
+			},
+			{
+				name: "@mpxjs/webpack-plugin/lib/style-compiler/strip-conditional-loader",
+				alias: stripConditionalLoader
+			},
+			{
+				name: /^@mpxjs\/webpack-plugin\//,
+				alias: pkgDir
+			}
+		];
+		const managedNames = new Set(entries.filter((entry) => typeof entry.name === "string").map((entry) => entry.name));
+		const managedPatterns = new Set(entries.filter((entry) => entry.name instanceof RegExp).map((entry) => `${entry.name.source}/${entry.name.flags}`));
+		for (let index = alias.length - 1; index >= 0; index--) {
+			const name = alias[index]?.name;
+			if (managedNames.has(name) || name instanceof RegExp && managedPatterns.has(`${name.source}/${name.flags}`)) alias.splice(index, 1);
+		}
+		alias.unshift(...entries);
+	} else {
 		alias["@mpxjs/webpack-plugin"] = pkgDir;
 		alias["@mpxjs/webpack-plugin$"] = pkgDir;
 		alias["@mpxjs/webpack-plugin/lib/record-loader"] = recordLoader;
@@ -2343,27 +2712,42 @@ function ensureResolveLoaderAlias(compiler, mpxWebpackPluginDir) {
 	compiler.options.resolveLoader.alias = alias;
 	addMpxWebpackPluginAlias(alias, mpxWebpackPluginDir);
 }
-function resolveMpxWebpackPluginRequire(compiler) {
-	const candidates = [
-		compiler?.context,
-		compiler?.options?.context,
-		process.cwd()
-	].filter((item) => typeof item === "string" && item.length > 0);
-	for (const candidate of candidates) try {
-		const projectRequire = createRequire(path.join(candidate, "package.json"));
-		projectRequire.resolve("@mpxjs/webpack-plugin/package.json");
-		return projectRequire;
-	} catch {}
-	const cachedPackageJson = Object.keys(localRequire.cache).find((file) => MPX_WEBPACK_PLUGIN_PACKAGE_RE.test(file));
-	if (cachedPackageJson) return createRequire(cachedPackageJson);
-	return localRequire;
+function installMpxResolveLoaderAlias(compiler, getMpxWebpackPluginDir) {
+	const resolveOptionsHook = compiler?.resolverFactory?.hooks?.resolveOptions?.for?.("loader");
+	if (!resolveOptionsHook?.tap) return;
+	resolveOptionsHook.tap({
+		name: "weapp-tailwindcss-mpx-loader-resolve",
+		stage: 100
+	}, (resolveOptions) => {
+		const mpxWebpackPluginDir = getMpxWebpackPluginDir();
+		if (!mpxWebpackPluginDir) return resolveOptions;
+		const alias = Array.isArray(resolveOptions.alias) ? [...resolveOptions.alias] : { ...resolveOptions.alias };
+		addMpxWebpackPluginAlias(alias, mpxWebpackPluginDir);
+		return {
+			...resolveOptions,
+			alias
+		};
+	});
+}
+function patchMpxLoaderResolver(resolver, getMpxWebpackPluginDir) {
+	const originalResolve = resolver?.resolve;
+	if (typeof originalResolve !== "function" || originalResolve.__weappTwPatched) return;
+	const wrappedResolve = function(...args) {
+		const requestIndex = typeof args[0] === "string" ? 1 : 2;
+		const request = args[requestIndex];
+		const mpxWebpackPluginDir = getMpxWebpackPluginDir();
+		if (mpxWebpackPluginDir && typeof request === "string" && isMpxWebpackPluginRequest(request)) args[requestIndex] = resolveMpxWebpackPluginRequest(request, mpxWebpackPluginDir);
+		return originalResolve.apply(this, args);
+	};
+	wrappedResolve.__weappTwPatched = true;
+	wrappedResolve.__weappTwOriginal = originalResolve;
+	resolver.resolve = wrappedResolve;
 }
-function patchMpxWebpackPluginNormalizeLib(compiler, mpxWebpackPluginDir) {
+function patchMpxWebpackPluginNormalizeLib(_compiler, mpxWebpackPluginDir) {
 	if (!mpxWebpackPluginDir) return false;
-	const projectRequire = resolveMpxWebpackPluginRequire(compiler);
 	let normalize;
 	try {
-		normalize = projectRequire("@mpxjs/webpack-plugin/lib/utils/normalize");
+		normalize = createRequire(path.join(mpxWebpackPluginDir, "package.json"))(path.join(mpxWebpackPluginDir, "lib/utils/normalize"));
 	} catch {
 		return false;
 	}
@@ -2381,6 +2765,7 @@ function ensureMpxTailwindcssAliases(compiler, pkgDir) {
 	compiler.options.resolve = compiler.options.resolve || {};
 	const mpxWebpackPluginDir = resolveMpxWebpackPluginDir(compiler);
 	patchMpxWebpackPluginNormalizeLib(compiler, mpxWebpackPluginDir);
+	patchMpxWebpackPluginRequests(compiler, mpxWebpackPluginDir);
 	if (mpxWebpackPluginDir) ensureResolveLoaderAlias(compiler, mpxWebpackPluginDir);
 	const alias = compiler.options.resolve.alias ?? {};
 	compiler.options.resolve.alias = alias;
@@ -2399,19 +2784,31 @@ function ensureMpxTailwindcssAliases(compiler, pkgDir) {
 	return tailwindcssCssEntry;
 }
 function patchMpxLoaderResolve(loaderContext, pkgDir, enabled) {
-	if (!enabled || typeof loaderContext.resolve !== "function") return;
-	const originalResolve = loaderContext.resolve;
-	if (originalResolve.__weappTwPatched) return;
+	if (!enabled) return;
 	const tailwindcssCssEntry = getTailwindcssCssEntry(pkgDir);
-	const mpxWebpackPluginDir = resolveMpxWebpackPluginDir(loaderContext);
-	const wrappedResolve = function(context, request, callback) {
-		if (request === "tailwindcss" || request === "tailwindcss$") return callback(null, tailwindcssCssEntry);
-		if (request?.startsWith("tailwindcss/")) return callback(null, path.join(pkgDir, request.slice(12)));
-		if (mpxWebpackPluginDir && isMpxWebpackPluginRequest(request)) return callback(null, resolveMpxWebpackPluginRequest(request, mpxWebpackPluginDir));
-		return originalResolve.call(this, context, request, callback);
-	};
-	wrappedResolve.__weappTwPatched = true;
-	loaderContext.resolve = wrappedResolve;
+	const getMpxWebpackPluginDir = () => resolveMpxWebpackPluginDir(loaderContext);
+	const originalResolve = loaderContext.resolve;
+	if (typeof originalResolve === "function" && !originalResolve.__weappTwPatched) {
+		const wrappedResolve = function(context, request, callback) {
+			if (request === "tailwindcss" || request === "tailwindcss$") return callback(null, tailwindcssCssEntry);
+			if (request?.startsWith("tailwindcss/")) return callback(null, path.join(pkgDir, request.slice(12)));
+			const mpxWebpackPluginDir = getMpxWebpackPluginDir();
+			if (mpxWebpackPluginDir && isMpxWebpackPluginRequest(request)) return callback(null, resolveMpxWebpackPluginRequest(request, mpxWebpackPluginDir));
+			return originalResolve.call(this, context, request, callback);
+		};
+		wrappedResolve.__weappTwPatched = true;
+		loaderContext.resolve = wrappedResolve;
+	}
+	const originalImportModule = loaderContext.importModule;
+	if (typeof originalImportModule === "function" && !originalImportModule.__weappTwPatched) {
+		const wrappedImportModule = function(request, ...args) {
+			const mpxWebpackPluginDir = getMpxWebpackPluginDir();
+			const resolvedRequest = mpxWebpackPluginDir && typeof request === "string" ? rewriteMpxWebpackPluginRequests(request, mpxWebpackPluginDir) : request;
+			return originalImportModule.call(this, resolvedRequest, ...args);
+		};
+		wrappedImportModule.__weappTwPatched = true;
+		loaderContext.importModule = wrappedImportModule;
+	}
 }
 function setupMpxTailwindcssRedirect(pkgDir, enabled) {
 	if (enabled) installTailwindcssCssRedirect(pkgDir);
@@ -2478,7 +2875,7 @@ function createDefaultLoaderAnchorFinders() {
 //#endregion
 //#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 { compiler, options: compilerOptions, appType, weappTailwindcssPackageDir, shouldRewriteCssImports, runtimeLoaderPath, registerAutoCssSource, runtimeState, getClassSetInLoader, getRuntimeSetInLoader, markWebpackProcessedCssSource, markWebpackCssSourceModule, registerWebpackGeneratedCss, updateWebpackGeneratedCss, registerWebpackCssSourceFile, getRuntimeWatchDependencies, loaderAnchorFinders = createDefaultLoaderAnchorFinders(), mpxCssImportRewrite = false, runtimeRegistryKey = `weapp-tailwindcss-${Date.now()}-${Math.random().toString(36).slice(2)}`, debug } = options;
 	const generatorOptions = normalizeWeappTailwindcssGeneratorOptions(compilerOptions.generator, {
 		appType: compilerOptions.appType,
 		platform: compilerOptions.cssOptions?.platform ?? compilerOptions.platform,
@@ -2496,11 +2893,14 @@ function setupWebpackV5Loaders(options) {
 	if (shouldRewriteCssImports && mpxCssImportRewrite) ensureMpxTailwindcssAliases(compiler, weappTailwindcssPackageDir);
 	const runtimeClassSetLoader = runtimeLoaderPath ?? path.resolve(__dirname, "./weapp-tw-runtime-classset-loader.js");
 	const shouldInjectRuntimeClassSetLoader = !generatorBranch.isWeb;
-	const shouldInjectCssImportRewriteLoader = shouldRewriteCssImports || generatorOptions.enabled && (!generatorBranch.isWeb || runtimeState.tailwindRuntime.majorVersion === 4);
+	const shouldInjectCssGenerationLoader = generatorOptions.enabled && runtimeState.tailwindRuntime.majorVersion === 4 && (generatorTarget === "web" || generatorTarget === "weapp");
+	const shouldInjectCssImportRewriteLoader = shouldRewriteCssImports || shouldInjectCssGenerationLoader;
+	const runtimeCssGenerationLoader = shouldInjectCssGenerationLoader ? path.resolve(__dirname, "./weapp-tw-css-generation-loader.js") : void 0;
 	const runtimeCssImportRewriteLoader = shouldInjectCssImportRewriteLoader ? path.resolve(__dirname, "./weapp-tw-css-import-rewrite-loader.js") : void 0;
 	const runtimeClassSetLoaderExists = fs.existsSync(runtimeClassSetLoader);
+	const runtimeCssGenerationLoaderExists = runtimeCssGenerationLoader ? fs.existsSync(runtimeCssGenerationLoader) : false;
 	const runtimeCssImportRewriteLoaderExists = runtimeCssImportRewriteLoader ? fs.existsSync(runtimeCssImportRewriteLoader) : false;
-	const runtimeLoaderRewriteOptions = shouldInjectCssImportRewriteLoader ? {
+	const runtimeLoaderRewriteOptions = shouldInjectCssImportRewriteLoader || shouldInjectCssGenerationLoader ? {
 		pkgDir: weappTailwindcssPackageDir,
 		compilerOptions,
 		runtimeState,
@@ -2515,7 +2915,8 @@ function setupWebpackV5Loaders(options) {
 		classSet: {
 			getClassSet: getClassSetInLoader,
 			getWatchDependencies: getRuntimeWatchDependencies,
-			...registerWebpackCssSourceFile === void 0 ? {} : { registerCssSourceFile: registerWebpackCssSourceFile }
+			...registerWebpackCssSourceFile === void 0 ? {} : { registerCssSourceFile: registerWebpackCssSourceFile },
+			...updateWebpackGeneratedCss === void 0 ? {} : { updateGeneratedCss: updateWebpackGeneratedCss }
 		},
 		...runtimeLoaderRewriteOptions === void 0 ? {} : { cssImportRewrite: runtimeLoaderRewriteOptions }
 	});
@@ -2525,7 +2926,11 @@ function setupWebpackV5Loaders(options) {
 	compiler.hooks.watchClose?.tap?.(pluginName, cleanupWebpackLoaderRuntime);
 	compiler.hooks.shutdown?.tap?.(pluginName, cleanupWebpackLoaderRuntime);
 	const { findRewriteAnchor, findClassSetAnchor } = loaderAnchorFinders;
-	const cssImportRewriteLoaderOptions = runtimeLoaderRewriteOptions ? { tailwindcssImportRewriteRuntimeKey: runtimeRegistryKey } : void 0;
+	const cssImportRewriteLoaderOptions = runtimeLoaderRewriteOptions && shouldInjectCssImportRewriteLoader ? {
+		generateCss: false,
+		tailwindcssImportRewriteRuntimeKey: runtimeRegistryKey
+	} : void 0;
+	const cssGenerationLoaderOptions = runtimeLoaderRewriteOptions && shouldInjectCssGenerationLoader ? { tailwindcssImportRewriteRuntimeKey: runtimeRegistryKey } : void 0;
 	if (runtimeCssImportRewriteLoader && shouldRewriteCssImports && cssImportRewriteLoaderOptions && mpxCssImportRewrite) injectMpxCssRewritePreRules(compiler, runtimeCssImportRewriteLoader, cssImportRewriteLoaderOptions);
 	const createRuntimeClassSetLoaderEntry = () => ({
 		loader: runtimeClassSetLoader,
@@ -2542,15 +2947,31 @@ function setupWebpackV5Loaders(options) {
 			type: null
 		};
 	};
+	const createCssGenerationLoaderEntry = () => {
+		if (!runtimeCssGenerationLoader || !cssGenerationLoaderOptions) return null;
+		return {
+			loader: runtimeCssGenerationLoader,
+			options: cssGenerationLoaderOptions,
+			ident: null,
+			type: null
+		};
+	};
 	const { NormalModule } = compiler.webpack;
 	compiler.hooks.compilation.tap(pluginName, (compilation) => {
-		NormalModule.getCompilationHooks(compilation).loader.tap(pluginName, (_loaderContext, module) => {
-			if (!(runtimeClassSetLoaderExists || runtimeCssImportRewriteLoaderExists)) return;
+		NormalModule.getCompilationHooks(compilation).loader.tap({
+			name: pluginName,
+			stage: 100
+		}, (_loaderContext, module) => {
+			if (!(runtimeClassSetLoaderExists || runtimeCssGenerationLoaderExists || runtimeCssImportRewriteLoaderExists)) return;
 			patchMpxLoaderResolve(_loaderContext, weappTailwindcssPackageDir, shouldRewriteCssImports && mpxCssImportRewrite);
 			const loaderEntries = module.loaders || [];
 			let rewriteAnchorIdx = findRewriteAnchor(loaderEntries);
 			const classSetAnchorIdx = findClassSetAnchor(loaderEntries);
 			const isCssModule = isCssLikeModuleResource(module.resource, compilerOptions.cssMatcher, appType);
+			if (isCssModule) {
+				const frameworkPostcssOptions = collectFrameworkPostcssOptionsFromLoaderEntries(loaderEntries, _loaderContext);
+				if (frameworkPostcssOptions) captureResolvedFrameworkPostcssOptions(compilerOptions, frameworkPostcssOptions);
+			}
 			if (isCssModule && typeof module.resource === "string") markWebpackCssSourceModule?.(module.resource);
 			if (process.env["WEAPP_TW_LOADER_DEBUG"] && isCssModule) debug("loader hook css module: %s loaders=%o anchors=%o", module.resource, loaderEntries.map((x) => x.loader), {
 				rewriteAnchorIdx,
@@ -2565,6 +2986,12 @@ function setupWebpackV5Loaders(options) {
 				if (position === "after") loaderEntries.push(entry);
 				else loaderEntries.unshift(entry);
 			};
+			if (cssGenerationLoaderOptions && runtimeCssGenerationLoaderExists && runtimeCssGenerationLoader && isCssModule && !hasLoaderEntry(loaderEntries, runtimeCssGenerationLoader)) {
+				const generationLoaderEntry = createCssGenerationLoaderEntry();
+				const anchorIndex = findRewriteAnchor(loaderEntries);
+				if (generationLoaderEntry) if (anchorIndex === -1) anchorlessInsert(generationLoaderEntry, "after");
+				else loaderEntries.splice(anchorIndex + 1, 0, generationLoaderEntry);
+			}
 			if (cssImportRewriteLoaderOptions && runtimeCssImportRewriteLoaderExists && runtimeCssImportRewriteLoader && isCssModule) {
 				const existingIndex = loaderEntries.findIndex((entry) => entry.loader?.includes?.(runtimeCssImportRewriteLoader));
 				const rewriteLoaderEntry = existingIndex !== -1 ? {
@@ -2592,7 +3019,7 @@ function setupWebpackV5Loaders(options) {
 	});
 }
 //#endregion
-//#region src/bundlers/webpack/shared/create-framework-plugin.ts
+//#region src/bundlers/webpack/shared/create-framework-plugin/watch-output.ts
 const debug = createDebug();
 const weappTailwindcssPackageDir = resolvePackageDir("weapp-tailwindcss");
 const outputIgnoredPredicatePath = Symbol("weapp-tailwindcss.outputIgnoredPredicatePath");
@@ -2658,6 +3085,8 @@ function setupWebpackWatchOutputIgnore(compiler) {
 		}
 	});
 }
+//#endregion
+//#region src/bundlers/webpack/shared/create-framework-plugin/plugin.ts
 function isInternalUserDefinedOptions(options) {
 	return typeof options.onLoad === "function" && typeof options.mainCssChunkMatcher === "function" && typeof options.tailwindRuntime === "object" && typeof options.refreshTailwindcssRuntime === "function";
 }
@@ -2803,6 +3232,15 @@ var WebpackFrameworkPlugin = class {
 			});
 			currentWebpackCssSourceFiles.add(file);
 		};
+		const updateWebpackGeneratedCss = (source) => {
+			const file = path.resolve(source.file);
+			const previous = webpackGeneratedCssSources.get(file);
+			if (!previous) return;
+			webpackGeneratedCssSources.set(file, {
+				...previous,
+				css: source.css
+			});
+		};
 		const pruneWebpackCssSources = (activeSourceFiles, _options = {}) => {
 			const tailwindOptions = resolveTailwindcssOptions(runtimeState.tailwindRuntime.options);
 			const configuredSourceFiles = /* @__PURE__ */ new Set();
@@ -2880,6 +3318,7 @@ var WebpackFrameworkPlugin = class {
 			markWebpackCssSourceModule,
 			registerWebpackCssSourceFile,
 			registerWebpackGeneratedCss,
+			updateWebpackGeneratedCss,
 			getRuntimeWatchDependencies() {
 				return {
 					files: runtimeWatchDependencyFiles,