weapp-tailwindcss 5.0.4 → 5.0.6

package/dist/{incremental-runtime-class-set-BYV0yQdp.js → incremental-runtime-class-set-Bmzdjlk0.js}

@@ -1,7 +1,8 @@
-const require_chunk = require("./chunk-D6vf50IK.js");
-const require_v3_engine = require("./v3-engine-CBahpuIg.js");
-const require_generator = require("./generator-DaPOkJ7W.js");
-const require_precheck = require("./precheck-DgpVCvYk.js");
+const require_chunk = require("./chunk-emK7D4bc.js");
+const require_v3_engine = require("./v3-engine-6FVAcrZl.js");
+const require_generator = require("./generator-C56PJYxA.js");
+const require_precheck = require("./precheck-CyPbGn38.js");
+const require_tailwindcss = require("./tailwindcss-Tw6CSVHL.js");
 let node_fs = require("node:fs");
 let postcss = require("postcss");
 postcss = require_chunk.__toESM(postcss);
@@ -439,7 +440,10 @@ async function resolveTailwindV4CssEntrySource(cssEntry, sourceOptions) {
 	const css = (0, node_fs.readFileSync)(cssEntry, "utf8");
 	const base = node_path.default.dirname(node_path.default.resolve(cssEntry));
 	const entrySource = require_v3_engine.resolveCssEntrySource(css, base, { removeConfig: false });
-	const config = resolveExistingConfigPath(entrySource?.config, entrySource?.configRequest, cssEntry, sourceOptions);
+	const config = resolveExistingConfigPath(entrySource?.config, entrySource?.configRequest, cssEntry, {
+		...sourceOptions,
+		sourceFile: sourceOptions.sourceFile ?? cssEntry
+	});
 	return withGeneratorSourceMetadata(await require_v3_engine.resolveTailwindV4Source({
 		...require_v3_engine.omitUndefined(singleEntrySourceOptions),
 		base,
@@ -737,7 +741,7 @@ function withMatchedSourceSideMetadata(source, resolvedEntrySource) {
 }
 function createTailwindV4ApplyReferenceSource(css, sourceOptions) {
 	if (!require_v3_engine.hasTailwindApplyDirective(css) || require_v3_engine.hasTailwindRootDirectives(css)) return css;
-	return `@reference "${sourceOptions.packageName ?? "tailwindcss"}";\n${css}`;
+	return `@import "${sourceOptions.packageName ?? "tailwindcss"}" source(none);\n${css}`;
 }
 async function resolveGeneratorSource(majorVersion, runtimeState, rawSource, file, cssHandlerOptions, generatorOptions, selectionOptions) {
 	const base = resolveCssSourceBase(file, cssHandlerOptions);
@@ -745,6 +749,10 @@ async function resolveGeneratorSource(majorVersion, runtimeState, rawSource, fil
 		importFallback: generatorOptions?.importFallback ?? false,
 		removeConfig: majorVersion === 3
 	});
+	const applyEntrySource = require_v3_engine.hasTailwindApplyDirective(rawSource) ? {
+		base,
+		css: rawSource
+	} : void 0;
 	if (majorVersion === 3) {
 		const sourceOptions = require_v3_engine.resolveTailwindV3SourceOptionsFromPatcher(runtimeState.twPatcher);
 		const mergedSourceOptions = require_v3_engine.omitUndefined({
@@ -755,10 +763,6 @@ async function resolveGeneratorSource(majorVersion, runtimeState, rawSource, fil
 			cssEntries: selectionOptions?.cssEntries,
 			cssSources: createCssEntrySources(selectionOptions?.cssEntries)
 		});
-		const applyEntrySource = require_v3_engine.hasTailwindApplyDirective(rawSource) ? {
-			base,
-			css: rawSource
-		} : void 0;
 		const sourceSideEntrySource = canResolveSourceSideCssEntry(file, cssHandlerOptions, mergedSourceOptions) ? resolveSourceSideCssEntrySource(file, mergedSourceOptions, { removeConfig: true }) : void 0;
 		const shouldPreferSourceSideEntry = shouldPreferResolvedSourceSideEntry(cssEntrySource, sourceSideEntrySource);
 		const resolvedEntrySource = shouldResolveSourceSideCssEntry(rawSource) ? shouldPreferSourceSideEntry ? sourceSideEntrySource ?? cssEntrySource ?? applyEntrySource : cssEntrySource ?? applyEntrySource ?? sourceSideEntrySource : shouldPreferTailwindV3SourceSideEntry(rawSource, sourceSideEntrySource) || shouldPreferSourceSideEntry ? sourceSideEntrySource ?? cssEntrySource ?? applyEntrySource : cssEntrySource ?? applyEntrySource ?? sourceSideEntrySource;
@@ -785,6 +789,13 @@ async function resolveGeneratorSource(majorVersion, runtimeState, rawSource, fil
 		cssSources: mergeCssSources(sourceOptions.cssSources, sourceOptions.cssSources?.length ? void 0 : createCssEntrySources(selectionOptions?.cssEntries ?? sourceOptions.cssEntries))
 	}) : void 0;
 	const normalizedSourceOptions = resolvedSourceOptions ? normalizeTailwindV4CssSourceConfigs(resolvedSourceOptions) : void 0;
+	if (applyEntrySource && !cssHandlerOptions.isMainChunk && !require_v3_engine.hasTailwindRootDirectives(rawSource, { importFallback: generatorOptions?.importFallback ?? false })) {
+		const css = createTailwindV4ApplyReferenceSource(require_v3_engine.normalizeConfigDirective(require_v3_engine.prependConfigDirective(applyEntrySource.css, generatorOptions?.config), void 0), normalizedSourceOptions ?? {});
+		return require_v3_engine.resolveTailwindV4Source(createSingleTailwindV4SourceOptions(normalizedSourceOptions ?? {}, {
+			base: applyEntrySource.base,
+			css
+		}));
+	}
 	const shouldPreferSourceSideEntry = shouldResolveSourceSideCssEntry(rawSource) || Boolean(cssEntrySource?.css.includes("weapp-tailwindcss generator-placeholder")) && (sourceOptions?.cssEntries?.length ?? 0) <= 1;
 	const sourceSideEntrySource = normalizedSourceOptions && shouldPreferSourceSideEntry && canResolveSourceSideCssEntry(file, cssHandlerOptions, normalizedSourceOptions) ? resolveSourceSideCssEntrySource(file, normalizedSourceOptions, { removeConfig: false }) : void 0;
 	const matchedCssEntrySource = normalizedSourceOptions ? await resolveMatchingTailwindV4CssEntry(rawSource, file, normalizedSourceOptions) : void 0;
@@ -801,7 +812,7 @@ async function resolveGeneratorSource(majorVersion, runtimeState, rawSource, fil
 		...preferredCssEntrySource,
 		css: require_v3_engine.prependConfigDirective(preferredCssEntrySource.css, generatorOptions.config)
 	} : preferredCssEntrySource;
-	const resolvedEntrySource = sourceSideEntrySource ?? cssEntrySource;
+	const resolvedEntrySource = sourceSideEntrySource ?? cssEntrySource ?? applyEntrySource;
 	if (!resolvedEntrySource) {
 		const source = await require_v3_engine.resolveTailwindV4SourceFromPatcher(runtimeState.twPatcher);
 		return generatorOptions?.config ? {
@@ -823,7 +834,7 @@ async function resolveGeneratorSources(majorVersion, runtimeState, rawSource, fi
 		importFallback: generatorOptions?.importFallback ?? false,
 		removeConfig: majorVersion === 3
 	});
-	if (majorVersion !== 4 || cssEntrySource && !cssHandlerOptions.isMainChunk) {
+	if (majorVersion !== 4 || cssEntrySource && !cssHandlerOptions.isMainChunk || !cssHandlerOptions.isMainChunk && require_v3_engine.hasTailwindApplyDirective(rawSource) && !require_v3_engine.hasTailwindRootDirectives(rawSource, { importFallback: generatorOptions?.importFallback ?? false })) {
 		const resolved = await resolveGeneratorSource(majorVersion, runtimeState, rawSource, file, cssHandlerOptions, generatorOptions, selectionOptions);
 		return resolved ? [resolved] : [];
 	}
@@ -1255,6 +1266,15 @@ function mergeMarkedUserLayerComponentsCss(baseCss, markedCss) {
 //#region src/bundlers/shared/generator-css.ts
 const SUPPORTED_GENERATOR_MAJOR_VERSIONS = new Set([3, 4]);
 const REMOTE_IMPORT_RE = /^(?:https?:)?\/\//i;
+const TAILWIND_V4_GENERATOR_AT_RULES = new Set([
+	"config",
+	"custom-variant",
+	"plugin",
+	"source",
+	"theme",
+	"utility",
+	"variant"
+]);
 function finalizeMiniProgramGeneratorCss(css, target, majorVersion, cssPreflight, options = {}) {
 	if (target !== "weapp") return css;
 	return (0, _weapp_tailwindcss_postcss.finalizeMiniProgramCss)(css, {
@@ -1263,13 +1283,58 @@ function finalizeMiniProgramGeneratorCss(css, target, majorVersion, cssPreflight
 		preservePseudoContentInit: majorVersion === 3
 	});
 }
+function shouldInjectMiniProgramPreflightForGeneratorCss(opts, options) {
+	if (options.cssHandlerOptions.uniAppX === true && options.cssHandlerOptions.uniAppXCssTarget === "uvue") return false;
+	if (!options.isolateCurrentCssCandidates) return true;
+	return require_tailwindcss.isUniAppXEnabled(opts.uniAppX) && Boolean(options.localImports?.trim());
+}
 function mergeScopedRuntimeWithCurrentRuntime(scopedRuntime, runtime, options) {
 	if (options.isolateCssSource && options.currentCssCandidates?.length) return new Set([...scopedRuntime, ...options.currentCssCandidates]);
 	if (runtime.size === 0 || !options.cssHandlerOptions.isMainChunk || options.matchedCssSourceFile || options.isolateCssSource && scopedRuntime.size === 0) return scopedRuntime;
 	return new Set([...scopedRuntime, ...runtime]);
 }
 function shouldIsolateScopedCssSource(source, sourceEntries) {
-	return sourceEntries !== void 0 && Boolean(source.__weappTailwindcssMeta?.matchedCssSourceFile || sourceEntries.length > 0);
+	return Boolean(source.__weappTailwindcssMeta?.matchedCssSourceFile) || sourceEntries !== void 0 && sourceEntries.length > 0;
+}
+function shouldIsolateCurrentTailwindV4CssCandidates(majorVersion, cssHandlerOptions, options) {
+	return majorVersion === 4 && !cssHandlerOptions.isMainChunk && require_v3_engine.hasTailwindApplyDirective(options.rawSource) && !require_v3_engine.hasTailwindRootDirectives(options.rawSource) && !options.hasGeneratedCss && !options.hasGeneratedMarkers;
+}
+function removeTailwindApplyAtRules(source) {
+	if (!source.includes("@apply")) return source;
+	try {
+		const root = postcss.default.parse(source);
+		let changed = false;
+		root.walkAtRules("apply", (rule) => {
+			rule.remove();
+			changed = true;
+		});
+		root.walk((node) => {
+			if ("nodes" in node && node.nodes?.length === 0) node.remove();
+		});
+		return changed ? root.toString() : source;
+	} catch {
+		return source;
+	}
+}
+function removeTailwindV4GeneratorAtRules(source) {
+	try {
+		const root = postcss.default.parse(source);
+		let changed = false;
+		root.walkAtRules((rule) => {
+			if (!TAILWIND_V4_GENERATOR_AT_RULES.has(rule.name)) return;
+			rule.remove();
+			changed = true;
+		});
+		root.walk((node) => {
+			if ("nodes" in node && node.nodes?.length === 0) {
+				node.remove();
+				changed = true;
+			}
+		});
+		return changed ? root.toString() : source;
+	} catch {
+		return source;
+	}
 }
 function shouldScanTailwindV4Sources(majorVersion, target, generatorRuntime, isolateCssSource) {
 	if (majorVersion !== 4 || isolateCssSource) return false;
@@ -1297,7 +1362,7 @@ function resolveGeneratorStyleOptions(opts, cssHandlerOptions, generatorStyleOpt
 	};
 }
 function isLocalImportRequest(request) {
-	return request.length > 0 && !request.startsWith("tailwindcss") && !request.startsWith("weapp-tailwindcss") && !request.startsWith("data:") && !REMOTE_IMPORT_RE.test(request);
+	return request.length > 0 && !request.startsWith("#") && !request.startsWith("tailwindcss") && !request.startsWith("weapp-tailwindcss") && !request.startsWith("data:") && !REMOTE_IMPORT_RE.test(request);
 }
 function isCommentOnlyCss(source) {
 	try {
@@ -1308,7 +1373,19 @@ function isCommentOnlyCss(source) {
 	}
 }
 function stripTailwindSourceMediaFragments(source) {
-	return source.replace(/^\s*@media\s+source\([^)]*\)\s*\{\s*$/gm, "").replace(/^\s*\}\s*(?=@(?:source|theme|config|plugin|utility|variant|custom-variant)\b)/gm, "").replace(/^\s*\}\s*\/\*\s*source\([^)]*\)\s*\*\/\s*$/gm, "");
+	let removedSourceMediaStart = false;
+	return source.split(/\r?\n/).filter((line) => {
+		if (/^\s*@media\s+source\([^)]*\)\s*\{\s*$/.test(line)) {
+			removedSourceMediaStart = true;
+			return false;
+		}
+		if (/^\s*\}\s*\/\*\s*source\([^)]*\)\s*\*\/\s*$/.test(line)) return false;
+		if (removedSourceMediaStart && /^\s*\}\s*$/.test(line)) {
+			removedSourceMediaStart = false;
+			return false;
+		}
+		return true;
+	}).join("\n").replace(/\}[^\S\r\n]*(?=@(?:config|source)\b)/g, "");
 }
 function stripLeadingTailwindSourceMediaCloseFragment(source) {
 	return source.replace(/^\s*\}\s*(?:\n|$)/, "");
@@ -1415,11 +1492,70 @@ function extractGeneratedCssForUserLayerSelectors(css, userLayerSource) {
 		};
 	}
 }
+function normalizeGeneratedSelector(selector) {
+	return selector.replace(/:not\(#\\#\)/g, "").trim();
+}
+function collectApplyOnlySourceSelectors(source) {
+	const selectors = /* @__PURE__ */ new Set();
+	try {
+		postcss.default.parse(source).walkRules((rule) => {
+			if (!rule.nodes?.some((node) => node.type === "atrule" && node.name === "apply")) return;
+			for (const selector of rule.selectors ?? [rule.selector]) {
+				const normalized = normalizeGeneratedSelector(selector);
+				if (normalized) selectors.add(normalized);
+			}
+		});
+	} catch {}
+	return selectors;
+}
+function hasOnlyApplyBackedSourceRules(source) {
+	let hasApplyRule = false;
+	let hasNonApplyRule = false;
+	try {
+		postcss.default.parse(source).walkRules((rule) => {
+			if (rule.nodes?.some((node) => node.type === "atrule" && node.name === "apply")) hasApplyRule = true;
+			else hasNonApplyRule = true;
+		});
+	} catch {
+		return false;
+	}
+	return hasApplyRule && !hasNonApplyRule;
+}
+function filterApplyOnlyGeneratedCss(css, source) {
+	const selectors = collectApplyOnlySourceSelectors(source);
+	if (selectors.size === 0) return css;
+	const selectorList = [...selectors];
+	try {
+		const root = postcss.default.parse(css);
+		root.walkRules((rule) => {
+			const isApplySelector = (rule.selectors ?? [rule.selector]).some((selector) => {
+				const normalized = normalizeGeneratedSelector(selector);
+				return selectorList.some((sourceSelector) => {
+					if (normalized === sourceSelector) return true;
+					if (!normalized.startsWith(sourceSelector)) return false;
+					const next = normalized[sourceSelector.length];
+					return next === ":" || next === "[" || next === ".";
+				});
+			});
+			const isVariableRule = rule.nodes?.some((node) => node.type === "decl" && node.prop.startsWith("--"));
+			if (!isApplySelector && !isVariableRule) rule.remove();
+		});
+		root.walkAtRules((rule) => {
+			if (rule.nodes !== void 0 && rule.nodes.length === 0) rule.remove();
+		});
+		return root.toString();
+	} catch {
+		return css;
+	}
+}
+function shouldFilterApplyOnlyGeneratedCss(majorVersion, target, source, options) {
+	return majorVersion === 4 && target === "weapp" && require_v3_engine.hasTailwindApplyDirective(source) && !require_v3_engine.hasTailwindRootDirectives(source) && !options.hasGeneratedCss && !options.hasGeneratedMarkers && collectApplyOnlySourceSelectors(source).size > 0 && hasOnlyApplyBackedSourceRules(source);
+}
 async function transformGeneratorUserCss(source, options) {
 	if (source.trim().length === 0) return "";
-	const cleanedSource = require_v3_engine.removeTailwindSourceDirectives(stripUnmatchedTailwindSourceMediaCloseFragments(stripTailwindSourceMediaFragments(source)), { importFallback: options.importFallback });
+	const cleanedSource = require_v3_engine.removeTailwindSourceDirectives(removeTailwindV4GeneratorAtRules(stripUnmatchedTailwindSourceMediaCloseFragments(stripTailwindSourceMediaFragments(source))), { importFallback: options.importFallback });
 	if (cleanedSource.trim().length === 0) return "";
-	const userSource = stripUnmatchedTailwindSourceMediaCloseFragments(require_v3_engine.removeTailwindSourceDirectives(stripUnmatchedTailwindSourceMediaCloseFragments(stripTailwindSourceMediaFragments(options.generatorTarget === "weapp" ? (0, _weapp_tailwindcss_postcss.removeUnsupportedMiniProgramAtRules)(cleanedSource) : cleanedSource)), { importFallback: options.importFallback }));
+	const userSource = stripUnmatchedTailwindSourceMediaCloseFragments(removeTailwindApplyAtRules(require_v3_engine.removeTailwindSourceDirectives(stripUnmatchedTailwindSourceMediaCloseFragments(stripTailwindSourceMediaFragments(options.generatorTarget === "weapp" ? (0, _weapp_tailwindcss_postcss.removeUnsupportedMiniProgramAtRules)(cleanedSource) : cleanedSource)), { importFallback: options.importFallback })));
 	if (userSource.trim().length === 0) return "";
 	if (isCommentOnlyCss(userSource)) return userSource;
 	if (options.generatorTarget !== "weapp") return userSource;
@@ -1481,6 +1617,32 @@ function prefixLocalCssImportsWithWebpackIgnore(css) {
 		return css;
 	}
 }
+function splitLocalCssImports(source) {
+	try {
+		const root = postcss.default.parse(source);
+		const importRoot = postcss.default.root();
+		let changed = false;
+		for (const node of [...root.nodes]) {
+			if (node.type !== "atrule" || node.name !== "import") continue;
+			const request = require_v3_engine.parseImportRequest(node.params);
+			if (!request || !isLocalImportRequest(request)) continue;
+			importRoot.append(node.clone());
+			node.remove();
+			changed = true;
+		}
+		const imports = importRoot.nodes.filter((node) => node.type === "atrule" && node.name === "import").map((node) => `@import ${node.params};`).join("\n");
+		return changed ? {
+			imports,
+			source: root.toString()
+		} : void 0;
+	} catch {
+		return;
+	}
+}
+function restoreLocalCssImports(css, imports) {
+	if (!imports?.trim()) return css;
+	return createCssSourceOrderAppend(imports, css);
+}
 async function generateCssByGenerator(options) {
 	const { opts, runtimeState, runtime, rawSource, file, cssHandlerOptions, cssUserHandlerOptions, getSourceCandidatesForEntries, styleHandler, debug } = options;
 	const generatorOptions = {
@@ -1489,6 +1651,9 @@ async function generateCssByGenerator(options) {
 	};
 	const majorVersion = runtimeState.twPatcher.majorVersion;
 	const effectiveRawSource = stripUnmatchedTailwindSourceMediaCloseFragments(stripTailwindSourceMediaFragments(require_v3_engine.normalizeTailwindSourceDirectives(rawSource, { importFallback: generatorOptions.importFallback })));
+	const localImportParts = splitLocalCssImports(effectiveRawSource);
+	const generatorRawSource = localImportParts?.source ?? effectiveRawSource;
+	const userCssRawSource = majorVersion === 4 ? removeTailwindV4GeneratorAtRules(generatorRawSource) : generatorRawSource;
 	const cleanedLocalImportWrapper = cleanLocalCssImportWrapperTailwindDirectives(effectiveRawSource);
 	if (cleanedLocalImportWrapper !== void 0) return {
 		css: generatorOptions.target === "weapp" ? (0, _weapp_tailwindcss_postcss.removeUnsupportedMiniProgramAtRules)(cleanedLocalImportWrapper) : cleanedLocalImportWrapper,
@@ -1497,16 +1662,21 @@ async function generateCssByGenerator(options) {
 		dependencies: []
 	};
 	if (isPureLocalCssImportWrapper(effectiveRawSource)) return;
-	const hasGeneratedCss = require_v3_engine.hasTailwindGeneratedCss(effectiveRawSource);
-	const hasSourceDirectives = require_v3_engine.hasTailwindSourceDirectives(effectiveRawSource, { importFallback: generatorOptions.importFallback });
-	const hasGeneratedMarkers = require_v3_engine.hasTailwindGeneratedCssMarkers(effectiveRawSource);
+	const hasGeneratedCss = require_v3_engine.hasTailwindGeneratedCss(generatorRawSource);
+	const hasSourceDirectives = require_v3_engine.hasTailwindSourceDirectives(generatorRawSource, { importFallback: generatorOptions.importFallback });
+	const hasGeneratedMarkers = require_v3_engine.hasTailwindGeneratedCssMarkers(generatorRawSource);
 	const shouldGenerateCurrentCss = hasGeneratedCss || hasGeneratedMarkers || hasSourceDirectives || cssHandlerOptions.isMainChunk;
 	if (!SUPPORTED_GENERATOR_MAJOR_VERSIONS.has(majorVersion ?? 0) || !shouldGenerateCurrentCss || majorVersion === 3 && !hasSourceDirectives && !hasGeneratedCss && !hasGeneratedMarkers) return;
 	try {
 		await runtimeState.readyPromise;
-		const currentCssCandidates = majorVersion === 4 ? await (0, tailwindcss_patch.extractSourceCandidates)(effectiveRawSource, "css", { ...generatorOptions.bareArbitraryValues === void 0 ? {} : { bareArbitraryValues: generatorOptions.bareArbitraryValues } }) : [];
-		const runtimeWithCurrentCss = currentCssCandidates.length > 0 ? new Set([...runtime, ...currentCssCandidates]) : runtime;
-		const sources = await resolveGeneratorSources(majorVersion, runtimeState, effectiveRawSource, file, cssHandlerOptions, generatorOptions, {
+		const currentCssCandidates = majorVersion === 4 ? await (0, tailwindcss_patch.extractSourceCandidates)(generatorRawSource, "css", { ...generatorOptions.bareArbitraryValues === void 0 ? {} : { bareArbitraryValues: generatorOptions.bareArbitraryValues } }) : [];
+		const isolateCurrentCssCandidates = shouldIsolateCurrentTailwindV4CssCandidates(majorVersion, cssHandlerOptions, {
+			hasGeneratedCss,
+			hasGeneratedMarkers,
+			rawSource: generatorRawSource
+		});
+		const runtimeWithCurrentCss = isolateCurrentCssCandidates ? new Set(currentCssCandidates) : currentCssCandidates.length > 0 ? new Set([...runtime, ...currentCssCandidates]) : runtime;
+		const sources = await resolveGeneratorSources(majorVersion, runtimeState, generatorRawSource, file, cssHandlerOptions, generatorOptions, {
 			cssEntries: opts.cssEntries,
 			getSourceCandidatesForEntries,
 			runtime: runtimeWithCurrentCss
@@ -1523,17 +1693,18 @@ async function generateCssByGenerator(options) {
 				debug("defer empty scoped css source generation: %s", file);
 				return;
 			}
-			const sourceRuntime = scopedRuntime && (scopedRuntime.size > 0 || isolateCssSource) ? mergeScopedRuntimeWithCurrentRuntime(scopedRuntime, runtimeWithCurrentCss, {
+			const sourceRuntime = scopedRuntime && (scopedRuntime.size > 0 || isolateCssSource) ? isolateCurrentCssCandidates ? runtimeWithCurrentCss : mergeScopedRuntimeWithCurrentRuntime(scopedRuntime, runtimeWithCurrentCss, {
 				currentCssCandidates,
 				cssHandlerOptions,
 				isolateCssSource,
 				matchedCssSourceFile
 			}) : runtimeWithCurrentCss;
 			const generatorRuntime = majorVersion === 4 && generatorOptions.target === "weapp" ? require_v3_engine.filterUnsupportedMiniProgramTailwindV4Candidates(sourceRuntime) : sourceRuntime;
+			const useIncrementalCache = (majorVersion === 3 || majorVersion === 4) && !(majorVersion === 3 && isolateCssSource);
 			return generator.generate({
 				bareArbitraryValues: generatorOptions.bareArbitraryValues,
 				candidates: generatorRuntime,
-				incrementalCache: majorVersion === 3 || majorVersion === 4,
+				incrementalCache: useIncrementalCache,
 				scanSources: shouldScanTailwindV4Sources(majorVersion, generatorOptions.target, generatorRuntime, isolateCssSource),
 				styleOptions: generatorStyleOptions,
 				tailwindcssV3Compatibility: generatorOptions.tailwindcssV3Compatibility,
@@ -1555,22 +1726,27 @@ async function generateCssByGenerator(options) {
 			sources: generatedResults.flatMap((item) => item.sources)
 		};
 		debug("tailwind generator result: %s rawBytes=%d cssBytes=%d candidates=%d", file, generated.rawCss.length, generated.css.length, generated.classSet.size);
-		if ((generated.target !== "weapp" || !hasUserCssLayerBlocks(effectiveRawSource)) && typeof options.previousCss === "string" && typeof generated.incrementalCss === "string") {
+		if ((generated.target !== "weapp" || !hasUserCssLayerBlocks(generatorRawSource)) && typeof options.previousCss === "string" && typeof generated.incrementalCss === "string") {
 			const incrementalCss = require_v3_engine.stripTailwindBanner(generated.incrementalCss);
 			return {
-				css: incrementalCss.trim().length > 0 ? require_v3_engine.createCssAppend(options.previousCss, finalizeMiniProgramGeneratorCss(incrementalCss, generated.target, majorVersion, opts.cssPreflight, { injectPreflight: false })) : options.previousCss,
+				css: restoreLocalCssImports(incrementalCss.trim().length > 0 ? require_v3_engine.createCssAppend(options.previousCss, finalizeMiniProgramGeneratorCss(incrementalCss, generated.target, majorVersion, opts.cssPreflight, { injectPreflight: false })) : options.previousCss, localImportParts?.imports),
 				target: generated.target,
 				source: "generator",
 				dependencies: generated.dependencies,
 				incremental: true
 			};
 		}
+		const shouldFilterApplyOnlyCss = shouldFilterApplyOnlyGeneratedCss(majorVersion, generated.target, generatorRawSource, {
+			hasGeneratedCss,
+			hasGeneratedMarkers
+		});
+		const generatedCss = shouldFilterApplyOnlyCss ? filterApplyOnlyGeneratedCss(require_v3_engine.stripTailwindBanner(generated.css), generatorRawSource) : require_v3_engine.stripTailwindBanner(generated.css);
 		const hasMatchedCssSourceFile = sources.some((source) => source.__weappTailwindcssMeta?.matchedCssSourceFile);
-		const orderedExtraCss = hasMatchedCssSourceFile ? require_v3_engine.splitTailwindV4GeneratedCssBySourceOrder(effectiveRawSource, generated.rawCss) : splitRawSourceByGeneratedCssOrder(effectiveRawSource, generated.rawCss);
+		const orderedExtraCss = hasMatchedCssSourceFile ? require_v3_engine.splitTailwindV4GeneratedCssBySourceOrder(userCssRawSource, generated.rawCss) : splitRawSourceByGeneratedCssOrder(userCssRawSource, generated.rawCss);
 		const shouldAppendMatchedCssSourceCompat = !hasMatchedCssSourceFile || orderedExtraCss !== void 0;
 		if (orderedExtraCss) {
-			let css = require_v3_engine.stripTailwindBanner(generated.css);
-			if (generated.target === "weapp") css = inheritLegacyUnitConvertedDeclarations(css, effectiveRawSource);
+			let css = generatedCss;
+			if (generated.target === "weapp") css = inheritLegacyUnitConvertedDeclarations(css, generatorRawSource);
 			const userCssOptions = {
 				generatorTarget: generated.target,
 				generatorStyleOptions,
@@ -1590,27 +1766,33 @@ async function generateCssByGenerator(options) {
 				hasSourceDirectives,
 				hasMatchedCssSourceFile
 			})) {
-				const userCss = await transformGeneratorUserCss(effectiveRawSource, userCssOptions);
+				const userCss = await transformGeneratorUserCss(userCssRawSource, userCssOptions);
 				css = createCssSourceOrderAppend(css, userCss);
 			}
 			if (generated.target === "weapp" && shouldAppendMatchedCssSourceCompat) {
 				if (shouldFinalizeMarkedUserLayerComponentsCss(file)) css = reorderMarkedUserLayerComponentsCss(css);
-				css = await appendLegacyCompatCss(css, effectiveRawSource, generated.target, styleHandler, cssHandlerOptions, generatorStyleOptions);
-				css = await appendLegacyContainerCompatCss(css, effectiveRawSource, file, runtime, configuredContainerCompat, generated.target, styleHandler, cssHandlerOptions, generatorStyleOptions);
+				if (!shouldFilterApplyOnlyCss) {
+					css = await appendLegacyCompatCss(css, userCssRawSource, generated.target, styleHandler, cssHandlerOptions, generatorStyleOptions);
+					if (!isolateCurrentCssCandidates) css = await appendLegacyContainerCompatCss(css, userCssRawSource, file, runtime, configuredContainerCompat, generated.target, styleHandler, cssHandlerOptions, generatorStyleOptions);
+				}
 			} else if (generated.target === "weapp" && shouldFinalizeMarkedUserLayerComponentsCss(file)) css = reorderMarkedUserLayerComponentsCss(css);
 			return {
-				css: finalizeMiniProgramGeneratorCss(css, generated.target, majorVersion, opts.cssPreflight),
+				css: restoreLocalCssImports(finalizeMiniProgramGeneratorCss(css, generated.target, majorVersion, opts.cssPreflight, { injectPreflight: shouldInjectMiniProgramPreflightForGeneratorCss(opts, {
+					cssHandlerOptions,
+					isolateCurrentCssCandidates,
+					localImports: localImportParts?.imports
+				}) }), localImportParts?.imports),
 				target: generated.target,
 				source: "generator",
 				dependencies: generated.dependencies
 			};
 		}
 		debug("tailwind direct css generation prefix mismatch, append transformed bundle css %s", file);
-		let css = require_v3_engine.stripTailwindBanner(generated.css);
+		let css = generatedCss;
 		if (generated.target === "weapp") {
-			css = inheritLegacyUnitConvertedDeclarations(css, effectiveRawSource);
-			if (hasUserCssLayerBlocks(effectiveRawSource)) {
-				const layerParts = splitUserCssLayerBlocks(effectiveRawSource);
+			css = inheritLegacyUnitConvertedDeclarations(css, generatorRawSource);
+			if (hasUserCssLayerBlocks(generatorRawSource)) {
+				const layerParts = splitUserCssLayerBlocks(generatorRawSource);
 				const layerUserCss = await transformGeneratorUserCss(layerParts.layer, {
 					generatorTarget: generated.target,
 					generatorStyleOptions,
@@ -1630,7 +1812,7 @@ async function generateCssByGenerator(options) {
 		}
 		if (hasMatchedCssSourceFile || generated.target === "web") {
 			if (hasMatchedCssSourceFile && generated.target === "weapp" && !hasGeneratedCss && !hasGeneratedMarkers) {
-				const userCss = await transformGeneratorUserCss(effectiveRawSource, {
+				const userCss = await transformGeneratorUserCss(userCssRawSource, {
 					generatorTarget: generated.target,
 					generatorStyleOptions,
 					cssUserHandlerOptions,
@@ -1639,12 +1821,14 @@ async function generateCssByGenerator(options) {
 				});
 				css = createCssSourceOrderAppend(css, userCss);
 			}
-			if (hasMatchedCssSourceFile && generated.target === "weapp") css = await appendLegacyContainerCompatCss(css, effectiveRawSource, file, runtime, configuredContainerCompat, generated.target, styleHandler, cssHandlerOptions, generatorStyleOptions);
+			if (hasMatchedCssSourceFile && generated.target === "weapp") {
+				if (!isolateCurrentCssCandidates && !shouldFilterApplyOnlyCss) css = await appendLegacyContainerCompatCss(css, userCssRawSource, file, runtime, configuredContainerCompat, generated.target, styleHandler, cssHandlerOptions, generatorStyleOptions);
+			}
 			if (shouldAppendWebBundleCssFallback(generated.target, {
 				hasSourceDirectives,
 				hasMatchedCssSourceFile
 			})) {
-				const userCss = await transformGeneratorUserCss(effectiveRawSource, {
+				const userCss = await transformGeneratorUserCss(userCssRawSource, {
 					generatorTarget: generated.target,
 					generatorStyleOptions,
 					cssUserHandlerOptions,
@@ -1654,16 +1838,26 @@ async function generateCssByGenerator(options) {
 				css = createCssSourceOrderAppend(css, userCss);
 			}
 			return {
-				css: finalizeMiniProgramGeneratorCss(css, generated.target, majorVersion, opts.cssPreflight),
+				css: restoreLocalCssImports(finalizeMiniProgramGeneratorCss(css, generated.target, majorVersion, opts.cssPreflight, { injectPreflight: shouldInjectMiniProgramPreflightForGeneratorCss(opts, {
+					cssHandlerOptions,
+					isolateCurrentCssCandidates,
+					localImports: localImportParts?.imports
+				}) }), localImportParts?.imports),
 				target: generated.target,
 				source: "generator",
 				dependencies: generated.dependencies
 			};
 		}
-		css = await appendLegacyCompatCss(css, effectiveRawSource, generated.target, styleHandler, cssHandlerOptions, generatorStyleOptions);
-		css = await appendLegacyContainerCompatCss(css, effectiveRawSource, file, runtime, configuredContainerCompat, generated.target, styleHandler, cssHandlerOptions, generatorStyleOptions);
+		if (!shouldFilterApplyOnlyCss) {
+			css = await appendLegacyCompatCss(css, userCssRawSource, generated.target, styleHandler, cssHandlerOptions, generatorStyleOptions);
+			css = await appendLegacyContainerCompatCss(css, userCssRawSource, file, runtime, configuredContainerCompat, generated.target, styleHandler, cssHandlerOptions, generatorStyleOptions);
+		}
 		return {
-			css: finalizeMiniProgramGeneratorCss(css, generated.target, majorVersion, opts.cssPreflight),
+			css: restoreLocalCssImports(finalizeMiniProgramGeneratorCss(css, generated.target, majorVersion, opts.cssPreflight, { injectPreflight: shouldInjectMiniProgramPreflightForGeneratorCss(opts, {
+				cssHandlerOptions,
+				isolateCurrentCssCandidates,
+				localImports: localImportParts?.imports
+			}) }), localImportParts?.imports),
 			target: generated.target,
 			source: "generator",
 			dependencies: generated.dependencies

package/dist/index.js

@@ -1,9 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_generator = require("./generator-DaPOkJ7W.js");
+const require_generator = require("./generator-C56PJYxA.js");
 const require_gulp = require("./gulp.js");
-const require_postcss = require("./postcss-Du8hY-MN.js");
-const require_vite = require("./vite-tjYalmVX.js");
-const require_webpack = require("./webpack-0BwLOE_f.js");
+const require_postcss = require("./postcss-B7QNe78h.js");
+const require_vite = require("./vite-Bw6LOXvf.js");
+const require_webpack = require("./webpack-nn3P8_S_.js");
 let _weapp_tailwindcss_postcss = require("@weapp-tailwindcss/postcss");
 exports.WeappTailwindcss = require_vite.WeappTailwindcss;
 exports.createPlugins = require_gulp.createPlugins;

package/dist/index.mjs

@@ -1,7 +1,7 @@
-import { t as createWeappTailwindcssGenerator } from "./generator-DRHWC1t-.mjs";
+import { t as createWeappTailwindcssGenerator } from "./generator-Bgn4m8An.mjs";
 import { WeappTailwindcss as createPlugins } from "./gulp.mjs";
-import { t as weappTailwindcssPostcssPlugin } from "./postcss-CJrmfXvi.mjs";
-import { t as WeappTailwindcss } from "./vite-DS4H5d0f.mjs";
-import { n as weappTailwindcssPackageDir } from "./webpack-CA-40WU9.mjs";
+import { t as weappTailwindcssPostcssPlugin } from "./postcss-BgINK7Nm.mjs";
+import { t as WeappTailwindcss } from "./vite-ChZ2cbn4.mjs";
+import { n as weappTailwindcssPackageDir } from "./webpack-CMJ7iqN7.mjs";
 import { unitConversionComposeRules, unitConversionPresets } from "@weapp-tailwindcss/postcss";
 export { WeappTailwindcss, createPlugins, createWeappTailwindcssGenerator, unitConversionComposeRules, unitConversionPresets, weappTailwindcssPackageDir, weappTailwindcssPostcssPlugin };

package/dist/{postcss-Du8hY-MN.js → postcss-B7QNe78h.js}

@@ -1,8 +1,8 @@
-const require_chunk = require("./chunk-D6vf50IK.js");
-const require_v3_engine = require("./v3-engine-CBahpuIg.js");
-const require_generator = require("./generator-DaPOkJ7W.js");
-let postcss = require("postcss");
-postcss = require_chunk.__toESM(postcss);
+const require_chunk = require("./chunk-emK7D4bc.js");
+const require_v3_engine = require("./v3-engine-6FVAcrZl.js");
+const require_generator = require("./generator-C56PJYxA.js");
+let postcss$1 = require("postcss");
+postcss$1 = require_chunk.__toESM(postcss$1);
 let tailwindcss_patch = require("tailwindcss-patch");
 let node_process = require("node:process");
 node_process = require_chunk.__toESM(node_process);
@@ -42,7 +42,7 @@ function resolvePostcssProjectRoot(result, options) {
 function replaceRootCss(root, css, result) {
 	root.removeAll();
 	try {
-		const nextRoot = postcss.default.parse(css, { from: resolveInputFile(result) });
+		const nextRoot = postcss$1.default.parse(css, { from: resolveInputFile(result) });
 		root.append(nextRoot.nodes);
 	} catch {
 		root.raws = { after: css };
@@ -65,6 +65,9 @@ function addSourceDependencyMessages(result, files) {
 //#endregion
 //#region src/postcss/source-files.ts
 const POSTCSS_SOURCE_PATTERN = require_v3_engine.createSourceScanPattern(require_v3_engine.DEFAULT_SOURCE_SCAN_EXTENSIONS);
+function isTailwindV4ApplyOnlyCss$1(root, options) {
+	return options.version === 4 && require_v3_engine.hasTailwindApplyDirective(root.toString()) && !require_v3_engine.hasTailwindRootDirectives(root.toString(), { importFallback: true });
+}
 function getSourceExtension(file) {
 	return node_path.default.extname(file).slice(1) || void 0;
 }
@@ -122,10 +125,11 @@ async function collectAutoTailwindCandidates(root, result, options) {
 	const projectRoot = resolvePostcssProjectRoot(result, options);
 	const sourceEntries = [];
 	const hasSourceNone = root.toString().includes("source(none)");
+	const shouldSkipAutoScan = isTailwindV4ApplyOnlyCss$1(root, options);
 	const inlineCandidates = require_v3_engine.collectCssInlineSourceCandidates(root);
 	const configuredContentEntries = options.version === 3 ? await collectConfiguredContentEntries(root, base, options) : [];
 	if (configuredContentEntries.length > 0) sourceEntries.push(...configuredContentEntries);
-	else if (!hasSourceNone) sourceEntries.push({
+	else if (!hasSourceNone && !shouldSkipAutoScan) sourceEntries.push({
 		base,
 		negated: false,
 		pattern: POSTCSS_SOURCE_PATTERN
@@ -179,6 +183,47 @@ function resolvePostcssTailwindVersion(root, result, options) {
 //#endregion
 //#region src/postcss.ts
 const PLUGIN_NAME = "weapp-tailwindcss";
+function isTailwindV4ApplyOnlyCss(css) {
+	return require_v3_engine.hasTailwindApplyDirective(css) && !require_v3_engine.hasTailwindRootDirectives(css, { importFallback: true });
+}
+function resolveTailwindV4PostcssSourceCss(css, sourceOptions) {
+	return isTailwindV4ApplyOnlyCss(css) ? `@import "${sourceOptions.packageName ?? "tailwindcss"}" source(none);\n${css}` : css;
+}
+function normalizeSelector(selector) {
+	return selector.replace(/:not\(#\\#\)/g, "").trim();
+}
+function collectApplyOnlyCssSelectors(css) {
+	const selectors = /* @__PURE__ */ new Set();
+	try {
+		postcss.parse(css).walkRules((rule) => {
+			if (!rule.nodes?.some((node) => node.type === "atrule" && node.name === "apply")) return;
+			for (const selector of rule.selectors ?? [rule.selector]) {
+				const normalized = normalizeSelector(selector);
+				if (normalized) selectors.add(normalized);
+			}
+		});
+	} catch {}
+	return selectors;
+}
+function ruleMatchesApplyOnlySelector(rule, selectors) {
+	return (rule.selectors ?? [rule.selector]).some((selector) => selectors.has(normalizeSelector(selector)));
+}
+function filterApplyOnlyGeneratedCss(css, rawCss) {
+	const selectors = collectApplyOnlyCssSelectors(rawCss);
+	if (selectors.size === 0) return css;
+	try {
+		const root = postcss.parse(css);
+		root.walkRules((rule) => {
+			if (!ruleMatchesApplyOnlySelector(rule, selectors) && !rule.nodes?.some((node) => node.type === "decl" && node.prop.startsWith("--"))) rule.remove();
+		});
+		root.walkAtRules((rule) => {
+			if (rule.nodes !== void 0 && rule.nodes.length === 0) rule.remove();
+		});
+		return root.toString();
+	} catch {
+		return css;
+	}
+}
 const weappTailwindcssPostcssPlugin = (options = {}) => {
 	return {
 		postcssPlugin: PLUGIN_NAME,
@@ -188,9 +233,11 @@ const weappTailwindcssPostcssPlugin = (options = {}) => {
 			const tailwindVersion = resolvePostcssTailwindVersion(root, result, options);
 			const [collectedSources, autoCandidates] = await Promise.all([collectPostcssLocalSources(root, result, options), collectAutoTailwindCandidates(root, result, options)]);
 			const generatorConfig = generatorOptions.config ?? options.config;
+			const rawCss = sourceOptions.css ?? root.toString();
+			const isApplyOnlyTailwindV4Css = tailwindVersion === 4 && isTailwindV4ApplyOnlyCss(rawCss);
 			const generator = require_generator.createWeappTailwindcssGenerator(tailwindVersion === 3 ? await require_v3_engine.resolveTailwindV3Source({
 				config: generatorConfig,
-				css: sourceOptions.css ?? root.toString(),
+				css: rawCss,
 				base: resolvePostcssBase(result, options),
 				cwd: resolvePostcssProjectRoot(result, options),
 				projectRoot: resolvePostcssProjectRoot(result, options),
@@ -198,7 +245,7 @@ const weappTailwindcssPostcssPlugin = (options = {}) => {
 				postcssPlugin: options.postcssPlugin
 			}) : await require_v3_engine.resolveTailwindV4Source({
 				...sourceOptions,
-				css: prependConfigDirective(sourceOptions.css ?? root.toString(), generatorConfig),
+				css: prependConfigDirective(resolveTailwindV4PostcssSourceCss(rawCss, sourceOptions), generatorConfig),
 				base: resolvePostcssBase(result, options),
 				projectRoot: resolvePostcssProjectRoot(result, options)
 			}));
@@ -214,7 +261,7 @@ const weappTailwindcssPostcssPlugin = (options = {}) => {
 				target: generatorOptions.target
 			};
 			const generated = await generator.generate(generateOptions);
-			replaceRootCss(root, generated.css, result);
+			replaceRootCss(root, isApplyOnlyTailwindV4Css ? filterApplyOnlyGeneratedCss(generated.css, rawCss) : generated.css, result);
 			addDependencyMessages(result, generated);
 			addSourceDependencyMessages(result, collectedSources.files);
 			result.messages.push({