weapp-tailwindcss 5.1.4 → 5.1.5

package/dist/weapp-tw-css-import-rewrite-loader.js

@@ -26,7 +26,6 @@ let _babel_traverse = require("@babel/traverse");
 _babel_traverse = require_watch_dependencies.__toESM(_babel_traverse);
 let _babel_parser = require("@babel/parser");
 require("@babel/types");
-let _ast_core_escape = require("@ast-core/escape");
 let debug = require("debug");
 debug = require_watch_dependencies.__toESM(debug);
 require("fast-glob");
@@ -1426,7 +1425,7 @@ function parseCssImportSpecifier$2(params) {
 	const url = /^url\(\s*(?:(['"])(.*?)\1|([^'")\s]+))\s*\)/.exec(value);
 	return url?.[2] ?? url?.[3];
 }
-function isTailwindCssImport$1(params) {
+function isTailwindCssImport(params) {
 	const specifier = parseCssImportSpecifier$2(params);
 	return specifier === "tailwindcss" || specifier?.startsWith("tailwindcss/") || specifier?.replaceAll("\\", "/").endsWith("/tailwindcss/index.css");
 }
@@ -1463,7 +1462,7 @@ async function resolveCssDefinedScanSources(source) {
 	}
 	root.walkAtRules((rule) => {
 		if (rule.name === "import") {
-			if (!isTailwindCssImport$1(rule.params)) return;
+			if (!isTailwindCssImport(rule.params)) return;
 			hasTailwindImport = true;
 			const sourceParam = parseImportSourceParam$1(rule.params);
 			if (sourceParam?.none) hasSourceNone = true;
@@ -2253,6 +2252,41 @@ function createWeappTailwindcssGenerator(source) {
 	return createTailwindV4Engine(source);
 }
 //#endregion
+//#region src/tailwindcss/v4/preflight.ts
+function parseCssImportSpecifier(params) {
+	const value = params.trim();
+	const quoted = /^(['"])(.*?)\1/.exec(value);
+	if (quoted) return quoted[2];
+	const url = /^url\(\s*(?:(['"])(.*?)\1|([^'")\s]+))\s*\)/.exec(value);
+	return url?.[2] ?? url?.[3];
+}
+function normalizeTailwindImportSpecifier(params) {
+	return parseCssImportSpecifier(params)?.replaceAll("\\", "/");
+}
+function isTailwindV4CssImportParam(params) {
+	const specifier = normalizeTailwindImportSpecifier(params);
+	return specifier === "tailwindcss" || specifier === "tailwindcss4" || specifier?.startsWith("tailwindcss/") === true || specifier?.startsWith("tailwindcss4/") === true || specifier?.endsWith("/tailwindcss/index.css") === true;
+}
+function isTailwindV4PreflightImportParam(params) {
+	const specifier = normalizeTailwindImportSpecifier(params);
+	return specifier === "tailwindcss" || specifier === "tailwindcss4" || specifier === "tailwindcss/preflight" || specifier === "tailwindcss/preflight.css" || specifier === "tailwindcss4/preflight" || specifier === "tailwindcss4/preflight.css" || specifier?.endsWith("/tailwindcss/index.css") === true || specifier?.endsWith("/tailwindcss/preflight.css") === true;
+}
+function includesTailwindV4PreflightDirective(css) {
+	try {
+		const root = _weapp_tailwindcss_postcss.postcss.parse(css);
+		let includesPreflight = false;
+		root.walkAtRules("import", (rule) => {
+			includesPreflight ||= isTailwindV4PreflightImportParam(rule.params);
+		});
+		root.walkAtRules("tailwind", (rule) => {
+			includesPreflight ||= rule.params.trim() === "base";
+		});
+		return includesPreflight;
+	} catch {
+		return /@import\s+(?:url\(\s*)?["']?tailwindcss4?(?:\/(?:preflight(?:\.css)?|index\.css))?["')\s;]/.test(css) || /@tailwind\s+base\b/.test(css);
+	}
+}
+//#endregion
 //#region src/wxml/shared.ts
 const NEWLINE_RE = /[\n\r]+/g;
 function replaceWxml(original, options = {
@@ -2391,24 +2425,91 @@ function resolveStyleOptionsFromContext(ctx, tailwindcssMajorVersion) {
 	};
 }
 //#endregion
+//#region src/bundlers/shared/generator-css/source-resolver/postcss-source.ts
+function resolvePostcssFromOption(cssHandlerOptions) {
+	const from = cssHandlerOptions.postcssOptions?.options?.from;
+	return typeof from === "string" && from.length > 0 ? from : void 0;
+}
+function resolvePostcssSourceFile(cssHandlerOptions) {
+	const from = resolvePostcssFromOption(cssHandlerOptions);
+	if (!from || !node_path.default.isAbsolute(from)) return;
+	return from.replace(/[?#].*$/, "");
+}
+function resolveCssHandlerSourceOptions(cssHandlerOptions) {
+	return cssHandlerOptions.sourceOptions;
+}
+function resolveCssSourceBase(file, cssHandlerOptions) {
+	const normalized = (resolvePostcssFromOption(cssHandlerOptions) ?? file).replace(/[?#].*$/, "");
+	return node_path.default.dirname(node_path.default.resolve(normalized));
+}
+//#endregion
 //#region src/bundlers/shared/generator-css/generation-helpers.ts
+function isVueScopedStyleSource(from) {
+	if (typeof from !== "string" || from.length === 0) return false;
+	const queryIndex = from.indexOf("?");
+	if (queryIndex === -1) return false;
+	const query = from.slice(queryIndex + 1);
+	return /(?:^|&)type=style(?:&|$)/.test(query) && /(?:^|&)scoped(?:=(?:true|1))?(?:&|$)/.test(query);
+}
 function hasMiniProgramTailwindV4PreflightReset(css) {
 	return /(?:^|[},])\s*view\s*,\s*text\s*,\s*::after\s*,\s*::before\s*\{[^}]*\bborder\s*:\s*0\s+solid\b/.test(css);
 }
 function finalizeMiniProgramGeneratorCss(css, target, _majorVersion, cssPreflight, options = {}) {
 	if (target !== "weapp") return css;
-	const injectPreflight = options.injectPreflight !== false && !hasMiniProgramTailwindV4PreflightReset(css);
+	if (isVueScopedStyleSource(options.styleOptions?.postcssOptions?.options?.from)) return (0, _weapp_tailwindcss_postcss.finalizeMiniProgramCss)(css, {
+		cssPreflight: false,
+		cssSelectorReplacement: options.styleOptions?.cssOptions?.cssSelectorReplacement ?? options.styleOptions?.cssSelectorReplacement,
+		isTailwindcssV4: true,
+		tailwindcssV4GradientFallback: options.styleOptions?.cssOptions?.tailwindcssV4GradientFallback ?? options.styleOptions?.tailwindcssV4GradientFallback
+	});
+	const hasPreflightReset = hasMiniProgramTailwindV4PreflightReset(css);
+	const injectPreflight = options.injectPreflight !== false && !hasPreflightReset;
+	const preservePreflight = options.preservePreflight !== false;
 	return (0, _weapp_tailwindcss_postcss.finalizeMiniProgramCss)(css, {
-		cssPreflight: cssPreflight === false ? false : injectPreflight ? cssPreflight : void 0,
+		cssPreflight: cssPreflight === false || options.injectPreflight === false && (!hasPreflightReset || !preservePreflight) ? false : injectPreflight ? cssPreflight : hasPreflightReset && preservePreflight ? cssPreflight : void 0,
 		cssSelectorReplacement: options.styleOptions?.cssOptions?.cssSelectorReplacement ?? options.styleOptions?.cssSelectorReplacement,
 		isTailwindcssV4: true,
 		tailwindcssV4GradientFallback: options.styleOptions?.cssOptions?.tailwindcssV4GradientFallback ?? options.styleOptions?.tailwindcssV4GradientFallback
 	});
 }
-function shouldInjectMiniProgramPreflightForGeneratorCss(opts, options) {
-	if (options.cssHandlerOptions.uniAppX === true && options.cssHandlerOptions.uniAppXCssTarget === "uvue") return false;
-	if (!options.isolateCurrentCssCandidates) return true;
-	return isUniAppXEnabled(opts.uniAppX) && Boolean(options.localImports?.trim());
+function resolveMiniProgramPreflightModeForGeneratorCss(opts, options) {
+	if (isVueScopedStyleSource(resolvePostcssFromOption(options.cssHandlerOptions))) return {
+		inject: false,
+		preserve: false
+	};
+	if (options.cssHandlerOptions.uniAppX === true && options.cssHandlerOptions.uniAppXCssTarget === "uvue") return {
+		inject: false,
+		preserve: false
+	};
+	const shouldInjectUniAppXLocalImportPreflight = isUniAppXEnabled(opts.uniAppX) && Boolean(options.localImports?.trim());
+	if (opts.cssPreflight === false) return {
+		inject: false,
+		preserve: false
+	};
+	if (options.primaryCssSource) return {
+		inject: true,
+		preserve: true
+	};
+	if (options.explicitCssSource) return {
+		inject: false,
+		preserve: true
+	};
+	if (options.cssHandlerOptions.isMainChunk) return {
+		inject: true,
+		preserve: true
+	};
+	if (!options.cssHandlerOptions.isMainChunk && !options.primaryCssSource && !options.explicitCssSource) return {
+		inject: shouldInjectUniAppXLocalImportPreflight,
+		preserve: shouldInjectUniAppXLocalImportPreflight
+	};
+	if (!options.isolateCurrentCssCandidates) return {
+		inject: true,
+		preserve: true
+	};
+	return {
+		inject: shouldInjectUniAppXLocalImportPreflight,
+		preserve: shouldInjectUniAppXLocalImportPreflight
+	};
 }
 function mergeScopedRuntimeWithCurrentRuntime(scopedRuntime, runtime, options) {
 	if (options.isolateCssSource) {
@@ -2442,9 +2543,10 @@ function isEmptyCssSourceOrderParts(parts) {
 }
 function resolveGeneratorStyleOptions(opts, cssHandlerOptions, generatorStyleOptions) {
 	const resolvedStyleOptions = resolveStyleOptionsFromContext(opts);
+	const scopedVueStyleSource = isVueScopedStyleSource(resolvePostcssFromOption(cssHandlerOptions));
 	const preflightStyleOptions = {
-		cssPreflight: resolvedStyleOptions.cssPreflight,
-		cssPreflightRange: resolvedStyleOptions.cssPreflightRange
+		cssPreflight: scopedVueStyleSource ? false : resolvedStyleOptions.cssPreflight,
+		cssPreflightRange: scopedVueStyleSource ? void 0 : resolvedStyleOptions.cssPreflightRange
 	};
 	return {
 		...resolvedStyleOptions,
@@ -2750,6 +2852,22 @@ function isClassContextLiteralPath(path) {
 	return false;
 }
 //#endregion
+//#region src/js/js-string-escape.ts
+function jsStringEscape(value) {
+	return String(value).replaceAll(/[\n\r"'\\\u2028\u2029]/g, (character) => {
+		switch (character) {
+			case "\"":
+			case "'":
+			case "\\": return `\\${character}`;
+			case "\n": return "\\n";
+			case "\r": return "\\r";
+			case "\u2028": return "\\u2028";
+			case "\u2029": return "\\u2029";
+			default: return character;
+		}
+	});
+}
+//#endregion
 //#region src/js/replacement-cache.ts
 const replacementCacheByEscapeMap = /* @__PURE__ */ new WeakMap();
 const defaultReplacementCache = /* @__PURE__ */ new Map();
@@ -2909,7 +3027,7 @@ function replaceHandleValue(path, options) {
 	return {
 		start,
 		end,
-		value: needEscaped ? (0, _ast_core_escape.jsStringEscape)(transformed) : transformed,
+		value: needEscaped ? jsStringEscape(transformed) : transformed,
 		path
 	};
 }
@@ -3475,17 +3593,6 @@ function parseImportSourceParam(params) {
 		sourcePath: match[3]
 	};
 }
-function parseCssImportSpecifier(params) {
-	const value = params.trim();
-	const quoted = /^(['"])(.*?)\1/.exec(value);
-	if (quoted) return quoted[2];
-	const url = /^url\(\s*(?:(['"])(.*?)\1|([^'")\s]+))\s*\)/.exec(value);
-	return url?.[2] ?? url?.[3];
-}
-function isTailwindCssImport(params) {
-	const specifier = parseCssImportSpecifier(params);
-	return specifier === "tailwindcss" || specifier?.startsWith("tailwindcss/") || specifier?.replaceAll("\\", "/").endsWith("/tailwindcss/index.css");
-}
 function resolveSourceBase(base, sourcePath) {
 	return node_path.default.isAbsolute(sourcePath) ? sourcePath : node_path.default.resolve(base, sourcePath);
 }
@@ -3560,17 +3667,22 @@ async function resolveTailwindV4EntriesFromCss(css, base) {
 	let importSourceBase;
 	let hasSourceNone = false;
 	let hasTailwindCssImport = false;
+	let includesPreflight = false;
 	const [sourceEntries, configEntries] = await Promise.all([resolveCssSourceEntries(root, base, VITE_SOURCE_CANDIDATE_PATTERN), resolveConfigContentEntries(root, base)]);
 	const entries = [...configEntries.entries, ...sourceEntries];
 	const hasPositiveEntries = entries.some((entry) => !entry.negated);
 	const inlineCandidates = collectCssInlineSourceCandidates(root);
 	root.walkAtRules("import", (rule) => {
-		if (!isTailwindCssImport(rule.params)) return;
+		if (!isTailwindV4CssImportParam(rule.params)) return;
 		hasTailwindCssImport = true;
+		includesPreflight ||= isTailwindV4PreflightImportParam(rule.params);
 		const sourceParam = parseImportSourceParam(rule.params);
 		if (sourceParam?.none) hasSourceNone = true;
 		if (sourceParam?.sourcePath) importSourceBase = resolveSourceBase(base, sourceParam.sourcePath);
 	});
+	root.walkAtRules("tailwind", (rule) => {
+		includesPreflight ||= rule.params.trim() === "base";
+	});
 	if (importSourceBase) return {
 		entries: [{
 			base: importSourceBase,
@@ -3578,30 +3690,35 @@ async function resolveTailwindV4EntriesFromCss(css, base) {
 			pattern: VITE_SOURCE_CANDIDATE_PATTERN
 		}, ...entries],
 		explicit: true,
+		includesPreflight,
 		inlineCandidates,
 		dependencies: configEntries.dependencies
 	};
 	if (hasSourceNone) return {
 		entries,
 		explicit: true,
+		includesPreflight,
 		inlineCandidates,
 		dependencies: configEntries.dependencies
 	};
 	if (hasPositiveEntries) return {
 		entries,
 		explicit: true,
+		includesPreflight,
 		inlineCandidates,
 		dependencies: configEntries.dependencies
 	};
 	if (inlineCandidates.included.size > 0 || inlineCandidates.excluded.size > 0) return {
 		entries: [],
 		explicit: true,
+		includesPreflight,
 		inlineCandidates,
 		dependencies: configEntries.dependencies
 	};
 	return hasTailwindCssImport ? {
 		entries,
 		explicit: false,
+		includesPreflight,
 		inlineCandidates,
 		dependencies: configEntries.dependencies
 	} : void 0;
@@ -3953,8 +4070,9 @@ function withGeneratorSourceMetadata(source, metadata) {
 		__weappTailwindcssMeta: metadata
 	};
 }
-function withMatchedSourceSideMetadata(source, resolvedEntrySource) {
+function withMatchedSourceSideMetadata(source, resolvedEntrySource, metadata = {}) {
 	return resolvedEntrySource.file ? withGeneratorSourceMetadata(source, {
+		...metadata,
 		isolateCssSource: true,
 		matchedCssSourceFile: resolvedEntrySource.file,
 		sourceBase: resolvedEntrySource.base,
@@ -3962,24 +4080,6 @@ function withMatchedSourceSideMetadata(source, resolvedEntrySource) {
 	}) : source;
 }
 //#endregion
-//#region src/bundlers/shared/generator-css/source-resolver/postcss-source.ts
-function resolvePostcssFromOption(cssHandlerOptions) {
-	const from = cssHandlerOptions.postcssOptions?.options?.from;
-	return typeof from === "string" && from.length > 0 ? from : void 0;
-}
-function resolvePostcssSourceFile(cssHandlerOptions) {
-	const from = resolvePostcssFromOption(cssHandlerOptions);
-	if (!from || !node_path.default.isAbsolute(from)) return;
-	return from.replace(/[?#].*$/, "");
-}
-function resolveCssHandlerSourceOptions(cssHandlerOptions) {
-	return cssHandlerOptions.sourceOptions;
-}
-function resolveCssSourceBase(file, cssHandlerOptions) {
-	const normalized = (resolvePostcssFromOption(cssHandlerOptions) ?? file).replace(/[?#].*$/, "");
-	return node_path.default.dirname(node_path.default.resolve(normalized));
-}
-//#endregion
 //#region src/bundlers/shared/generator-css/source-resolver.ts
 function createCssEntrySources(cssEntries) {
 	return cssEntries?.filter((entry) => typeof entry === "string" && entry.length > 0 && node_path.default.isAbsolute(entry)).map((entry) => ({ file: node_path.default.resolve(entry) }));
@@ -4013,11 +4113,15 @@ function createSingleTailwindV4SourceOptions(sourceOptions, options) {
 		cssEntries: options.cssEntries
 	});
 }
-async function resolveTailwindV4CssEntrySource(cssEntry, sourceOptions) {
+async function resolveTailwindV4CssEntrySource(cssEntry, sourceOptions, options = {}) {
 	const { cssEntries: _cssEntries, cssSources: _cssSources, ...singleEntrySourceOptions } = sourceOptions;
-	if (!(0, node_fs.existsSync)(cssEntry)) return resolveTailwindV4Source({
+	if (!(0, node_fs.existsSync)(cssEntry)) return withGeneratorSourceMetadata(await resolveTailwindV4Source({
 		...omitUndefined(singleEntrySourceOptions),
 		cssEntries: [cssEntry]
+	}), {
+		cssEntryIndex: options.index,
+		includesPreflight: options.includesPreflight,
+		primaryCssSource: options.index === 0
 	});
 	const css = (0, node_fs.readFileSync)(cssEntry, "utf8");
 	const base = node_path.default.dirname(node_path.default.resolve(cssEntry));
@@ -4032,7 +4136,10 @@ async function resolveTailwindV4CssEntrySource(cssEntry, sourceOptions) {
 		css: normalizeConfigDirective(css, config),
 		cssEntries: [cssEntry]
 	}), {
+		cssEntryIndex: options.index,
+		includesPreflight: options.includesPreflight,
 		matchedCssSourceFile: cssEntry,
+		primaryCssSource: options.index === 0,
 		sourceBase: base,
 		sourceCss: css
 	});
@@ -4045,12 +4152,15 @@ function canResolveSourceSideCssEntry(file, cssHandlerOptions, sourceOptions) {
 function shouldResolveSourceSideCssEntry(rawSource) {
 	return rawSource.includes("@apply") || hasTailwindRootDirectives(rawSource, { importFallback: true }) || hasTailwindSourceDirectives(rawSource, { importFallback: true }) || hasTailwindGeneratedCss(rawSource) || hasTailwindGeneratedCssMarkers(rawSource);
 }
-function resolveMatchingTailwindV4CssEntry(rawSource, file, sourceOptions) {
+async function resolveMatchingTailwindV4CssEntry(rawSource, file, sourceOptions) {
 	const cssEntries = sourceOptions.cssEntries;
 	if (!cssEntries?.length) return;
 	const normalizedFile = node_path.default.resolve(file.replace(/[?#].*$/, ""));
 	const pathMatchedEntries = cssEntries.filter((cssEntry) => node_path.default.resolve(cssEntry.replace(/[?#].*$/, "")) === normalizedFile);
-	if (pathMatchedEntries.length === 1) return resolveTailwindV4CssEntrySource(pathMatchedEntries[0], sourceOptions);
+	if (pathMatchedEntries.length === 1) return resolveTailwindV4CssEntrySource(pathMatchedEntries[0], sourceOptions, {
+		includesPreflight: await resolveTailwindV4CssEntryIncludesPreflight(pathMatchedEntries[0]),
+		index: cssEntries.indexOf(pathMatchedEntries[0])
+	});
 	const normalizedRawSource = normalizeCssSourceForCompare(rawSource);
 	const matches = cssEntries.map((cssEntry) => {
 		if (!(0, node_fs.existsSync)(cssEntry)) return;
@@ -4069,7 +4179,10 @@ function resolveMatchingTailwindV4CssEntry(rawSource, file, sourceOptions) {
 	const bestScore = matches[0]?.score;
 	const matchingEntry = bestScore && matches.filter((match) => match.score === bestScore).length === 1 ? matches[0]?.cssEntry : void 0;
 	if (!matchingEntry) return;
-	return resolveTailwindV4CssEntrySource(matchingEntry, sourceOptions);
+	return resolveTailwindV4CssEntrySource(matchingEntry, sourceOptions, {
+		includesPreflight: await resolveTailwindV4CssEntryIncludesPreflight(matchingEntry),
+		index: cssEntries.indexOf(matchingEntry)
+	});
 }
 function normalizeTailwindV4CssSourceConfig(cssSource, sourceBase) {
 	if (typeof cssSource.css !== "string" || cssSource.css.length === 0 || !cssSource.css.includes("@config")) return cssSource;
@@ -4119,7 +4232,7 @@ function normalizeTailwindV4CssSourceConfigs(sourceOptions) {
 		cssSources
 	} : sourceOptions;
 }
-async function resolveMatchingTailwindV4CssSource(rawSource, file, cssHandlerOptions, sourceOptions) {
+async function resolveMatchingTailwindV4CssSource(rawSource, file, cssHandlerOptions, sourceOptions, selectionOptions) {
 	const cssSources = sourceOptions.cssSources;
 	if (!cssSources?.length) return;
 	const normalizedRawSource = normalizeCssSourceForCompare(rawSource);
@@ -4140,7 +4253,12 @@ async function resolveMatchingTailwindV4CssSource(rawSource, file, cssHandlerOpt
 	const bestScore = matches[0]?.score;
 	const matchingSource = bestScore && matches.filter((match) => match.score === bestScore).length === 1 ? matches[0]?.cssSource : void 0;
 	if (!matchingSource) return;
-	return resolveSingleTailwindV4CssSource(matchingSource, sourceOptions, { matched: true });
+	return resolveSingleTailwindV4CssSource(matchingSource, sourceOptions, {
+		includesPreflight: await resolveTailwindV4CssSourceEntries(matchingSource, sourceOptions).then((resolved) => resolved?.includesPreflight),
+		index: matches[0]?.index,
+		matched: true,
+		primary: isSameTailwindV4CssSource(matchingSource, selectionOptions?.cssSources?.[0])
+	});
 }
 function tryResolveTailwindV4SourceOptions(runtimeState) {
 	try {
@@ -4152,14 +4270,24 @@ function tryResolveTailwindV4SourceOptions(runtimeState) {
 function hasConfiguredTailwindV4CssSource(sourceOptions) {
 	return Boolean(sourceOptions?.css) || Boolean(sourceOptions?.cssSources?.length);
 }
+function isSameTailwindV4CssSource(a, b) {
+	if (!a || !b) return false;
+	if (typeof a.file === "string" && typeof b.file === "string") return node_path.default.resolve(a.file) === node_path.default.resolve(b.file);
+	return typeof a.css === "string" && typeof b.css === "string" && normalizeCssSourceForCompare(a.css) === normalizeCssSourceForCompare(b.css);
+}
 async function resolveSingleTailwindV4CssSource(cssSource, sourceOptions, options = {}) {
 	const sourceBase = resolveTailwindV4CssSourceBase(cssSource, sourceOptions.base ?? sourceOptions.projectRoot ?? node_process.default.cwd());
 	const normalizedCssSource = normalizeTailwindV4CssSourceConfig(cssSource, sourceBase);
-	return withGeneratorSourceMetadata(await resolveTailwindV4Source(createSingleTailwindV4SourceOptions(sourceOptions, {
+	const source = await resolveTailwindV4Source(createSingleTailwindV4SourceOptions(sourceOptions, {
 		base: sourceBase,
 		css: normalizedCssSource.css
-	})), {
+	}));
+	const resolvedEntries = options.includesPreflight === void 0 ? await resolveTailwindV4CssSourceEntries(normalizedCssSource, sourceOptions) : void 0;
+	return withGeneratorSourceMetadata(source, {
+		cssSourceIndex: options.index,
+		includesPreflight: options.includesPreflight ?? resolvedEntries?.includesPreflight,
 		matchedCssSourceFile: options.matched && typeof normalizedCssSource.file === "string" ? normalizedCssSource.file : void 0,
+		primaryCssSource: options.primary === true || !sourceOptions.cssEntries?.length && options.index === 0 || void 0,
 		sourceBase,
 		sourceCss: normalizedCssSource.css
 	});
@@ -4188,6 +4316,47 @@ async function resolveCandidateMatchedTailwindV4CssSource(_rawSource, _cssHandle
 		if (runtimeHits === 0) return;
 		matches.push({
 			cssSource,
+			includesPreflight: resolved.includesPreflight,
+			index,
+			runtimeHits,
+			totalCandidates: scopedCandidates.size
+		});
+	}));
+	if (matches.length === 0) return;
+	matches.sort((a, b) => b.runtimeHits - a.runtimeHits || b.totalCandidates - a.totalCandidates || a.index - b.index);
+	const best = matches[0];
+	const second = matches[1];
+	if (!best) return;
+	if (second && second.runtimeHits === best.runtimeHits && second.totalCandidates === best.totalCandidates) return;
+	return resolveSingleTailwindV4CssSource(best.cssSource, sourceOptions, {
+		includesPreflight: best.includesPreflight,
+		index: best.index,
+		matched: true,
+		primary: isSameTailwindV4CssSource(best.cssSource, selectionOptions?.cssSources?.[0])
+	});
+}
+async function resolveTailwindV4CssEntryEntries(cssEntry) {
+	if (!(0, node_fs.existsSync)(cssEntry)) return;
+	const file = node_path.default.resolve(cssEntry);
+	return resolveTailwindV4EntriesFromCss((0, node_fs.readFileSync)(file, "utf8"), node_path.default.dirname(file));
+}
+async function resolveTailwindV4CssEntryIncludesPreflight(cssEntry) {
+	return resolveTailwindV4CssEntryEntries(cssEntry).then((resolved) => resolved?.includesPreflight);
+}
+async function resolveCandidateMatchedTailwindV4CssEntry(sourceOptions, selectionOptions) {
+	const cssEntries = sourceOptions.cssEntries;
+	const getSourceCandidatesForEntries = selectionOptions?.getSourceCandidatesForEntries;
+	if (!cssEntries?.length || !getSourceCandidatesForEntries) return;
+	const matches = [];
+	await Promise.all(cssEntries.map(async (cssEntry, index) => {
+		const resolved = await resolveTailwindV4CssEntryEntries(cssEntry);
+		if (resolved?.entries === void 0) return;
+		const scopedCandidates = getSourceCandidatesForEntries(resolved.entries);
+		const runtimeHits = countRuntimeCandidateHits(scopedCandidates, selectionOptions?.runtime);
+		if (runtimeHits === 0) return;
+		matches.push({
+			cssEntry,
+			includesPreflight: resolved.includesPreflight,
 			index,
 			runtimeHits,
 			totalCandidates: scopedCandidates.size
@@ -4199,10 +4368,13 @@ async function resolveCandidateMatchedTailwindV4CssSource(_rawSource, _cssHandle
 	const second = matches[1];
 	if (!best) return;
 	if (second && second.runtimeHits === best.runtimeHits && second.totalCandidates === best.totalCandidates) return;
-	return resolveSingleTailwindV4CssSource(best.cssSource, sourceOptions, { matched: true });
+	return resolveTailwindV4CssEntrySource(best.cssEntry, sourceOptions, {
+		includesPreflight: best.includesPreflight,
+		index: best.index
+	});
 }
 function createTailwindV4CssSourceResolver(sourceOptions, generatorOptions) {
-	return (cssSource) => resolveSingleTailwindV4CssSource(cssSource, sourceOptions).then((source) => generatorOptions?.config ? {
+	return (cssSource, index) => resolveSingleTailwindV4CssSource(cssSource, sourceOptions, { index }).then((source) => generatorOptions?.config ? {
 		...source,
 		css: prependConfigDirective(source.css, generatorOptions.config)
 	} : source);
@@ -4215,11 +4387,19 @@ async function resolveTailwindV4SourceSideEntrySource(resolvedEntrySource, sourc
 		sourceFile: resolvedEntrySource.file
 	});
 	const css = createTailwindV4SourceReferenceSource(normalizeConfigDirective(prependConfigDirective(resolvedEntrySource.css, generatorOptions?.config), config), resolvedSourceOptions);
-	return withMatchedSourceSideMetadata(await resolveTailwindV4Source(createSingleTailwindV4SourceOptions(resolvedSourceOptions, {
+	const source = await resolveTailwindV4Source(createSingleTailwindV4SourceOptions(resolvedSourceOptions, {
 		base: resolvedEntrySource.base,
 		css,
 		cssEntries: [resolvedEntrySource.file]
-	})), resolvedEntrySource);
+	}));
+	const cssEntryIndex = sourceOptions.cssEntries?.findIndex((cssEntry) => typeof resolvedEntrySource.file === "string" && node_path.default.resolve(cssEntry.replace(/[?#].*$/, "")) === node_path.default.resolve(resolvedEntrySource.file));
+	const cssSourceIndex = sourceOptions.cssSources?.findIndex((cssSource) => typeof cssSource.file === "string" && typeof resolvedEntrySource.file === "string" && node_path.default.resolve(cssSource.file.replace(/[?#].*$/, "")) === node_path.default.resolve(resolvedEntrySource.file));
+	return withMatchedSourceSideMetadata(source, resolvedEntrySource, {
+		cssEntryIndex,
+		cssSourceIndex,
+		includesPreflight: (await resolveTailwindV4EntriesFromCss(resolvedEntrySource.css, resolvedEntrySource.base))?.includesPreflight,
+		primaryCssSource: cssEntryIndex === 0 || !sourceOptions.cssEntries?.length && cssSourceIndex === 0
+	});
 }
 async function resolveGeneratorSource(_majorVersion, runtimeState, rawSource, file, cssHandlerOptions, generatorOptions, selectionOptions) {
 	const base = resolveCssSourceBase(file, cssHandlerOptions);
@@ -4237,7 +4417,7 @@ async function resolveGeneratorSource(_majorVersion, runtimeState, rawSource, fi
 		sourceFile: sourceOptions.sourceFile ?? resolvePostcssSourceFile(cssHandlerOptions),
 		...resolveCssHandlerSourceOptions(cssHandlerOptions),
 		cssEntries: selectionOptions?.cssEntries ?? sourceOptions.cssEntries,
-		cssSources: mergeCssSources(sourceOptions.cssSources, sourceOptions.cssSources?.length ? void 0 : createCssEntrySources(selectionOptions?.cssEntries ?? sourceOptions.cssEntries))
+		cssSources: mergeCssSources(mergeCssSources(sourceOptions.cssSources, selectionOptions?.cssSources), sourceOptions.cssSources?.length || selectionOptions?.cssSources?.length ? void 0 : createCssEntrySources(selectionOptions?.cssEntries ?? sourceOptions.cssEntries))
 	}) : void 0;
 	const normalizedSourceOptions = resolvedSourceOptions ? normalizeTailwindV4CssSourceConfigs(resolvedSourceOptions) : void 0;
 	if (applyEntrySource && !cssHandlerOptions.isMainChunk && !hasTailwindRootDirectives(rawSource, { importFallback: generatorOptions?.importFallback ?? false })) {
@@ -4252,16 +4432,20 @@ async function resolveGeneratorSource(_majorVersion, runtimeState, rawSource, fi
 	const sourceSideCssSource = sourceSideEntrySource?.file && normalizedSourceOptions.cssEntries?.some((cssEntry) => node_path.default.resolve(cssEntry.replace(/[?#].*$/, "")) === node_path.default.resolve(sourceSideEntrySource.file)) ? await resolveTailwindV4SourceSideEntrySource(sourceSideEntrySource, normalizedSourceOptions, generatorOptions, file) : void 0;
 	if (sourceSideCssSource) return sourceSideCssSource;
 	const matchedCssEntrySource = normalizedSourceOptions ? await resolveMatchingTailwindV4CssEntry(rawSource, file, normalizedSourceOptions) : void 0;
-	const matchedCssSource = normalizedSourceOptions && !matchedCssEntrySource ? await resolveMatchingTailwindV4CssSource(rawSource, file, cssHandlerOptions, normalizedSourceOptions) : void 0;
+	const matchedCssSource = normalizedSourceOptions && !matchedCssEntrySource ? await resolveMatchingTailwindV4CssSource(rawSource, file, cssHandlerOptions, normalizedSourceOptions, selectionOptions) : void 0;
+	const candidateMatchedCssEntrySource = normalizedSourceOptions && !matchedCssEntrySource ? await resolveCandidateMatchedTailwindV4CssEntry(normalizedSourceOptions, selectionOptions) : void 0;
 	const candidateMatchedCssSource = normalizedSourceOptions && !matchedCssEntrySource ? await resolveCandidateMatchedTailwindV4CssSource(rawSource, cssHandlerOptions, normalizedSourceOptions, selectionOptions) : void 0;
-	const singleConfiguredCssSource = normalizedSourceOptions?.cssSources?.length === 1 ? await resolveSingleTailwindV4CssSource(normalizedSourceOptions.cssSources[0], normalizedSourceOptions, { matched: true }) : void 0;
+	const singleConfiguredCssSource = normalizedSourceOptions?.cssSources?.length === 1 ? await resolveSingleTailwindV4CssSource(normalizedSourceOptions.cssSources[0], normalizedSourceOptions, {
+		index: 0,
+		matched: true
+	}) : void 0;
 	const configuredCssSource = normalizedSourceOptions && hasConfiguredTailwindV4CssSource(normalizedSourceOptions) && hasTailwindGeneratedCssMarkers(rawSource) ? matchedCssSource ?? candidateMatchedCssSource ?? singleConfiguredCssSource ?? await resolveTailwindV4Source(normalizedSourceOptions) : void 0;
 	if (configuredCssSource) return generatorOptions?.config ? {
 		...configuredCssSource,
 		css: prependConfigDirective(configuredCssSource.css, generatorOptions.config)
 	} : configuredCssSource;
 	const mainCssEntrySource = normalizedSourceOptions && cssHandlerOptions.isMainChunk && normalizedSourceOptions.cssEntries?.length === 1 ? await resolveTailwindV4CssEntrySource(normalizedSourceOptions.cssEntries[0], normalizedSourceOptions) : void 0;
-	const preferredCssEntrySource = matchedCssEntrySource ?? matchedCssSource ?? candidateMatchedCssSource ?? mainCssEntrySource ?? singleConfiguredCssSource;
+	const preferredCssEntrySource = matchedCssEntrySource ?? matchedCssSource ?? candidateMatchedCssEntrySource ?? candidateMatchedCssSource ?? mainCssEntrySource ?? singleConfiguredCssSource;
 	if (preferredCssEntrySource) return generatorOptions?.config ? {
 		...preferredCssEntrySource,
 		css: prependConfigDirective(preferredCssEntrySource.css, generatorOptions.config)
@@ -4317,19 +4501,20 @@ async function resolveGeneratorSources(majorVersion, runtimeState, rawSource, fi
 	} : matchedCssEntrySource, matchedCssEntrySource.__weappTailwindcssMeta?.matchedCssSourceFile, sourceOptions)];
 	const sourceSideCssSource = await resolveTailwindV4SourceSideEntrySource(canResolveSourceSideCssEntry(file, cssHandlerOptions, sourceOptions) ? resolveSourceSideCssEntrySource(file, sourceOptions, { removeConfig: false }) : void 0, sourceOptions, generatorOptions, file);
 	if (sourceSideCssSource) return [sourceSideCssSource];
-	const matchedCssSource = await resolveMatchingTailwindV4CssSource(rawSource, file, cssHandlerOptions, sourceOptions);
+	const matchedCssSource = await resolveMatchingTailwindV4CssSource(rawSource, file, cssHandlerOptions, sourceOptions, selectionOptions);
+	const candidateMatchedCssEntrySource = await resolveCandidateMatchedTailwindV4CssEntry(sourceOptions, selectionOptions);
 	const candidateMatchedCssSource = await resolveCandidateMatchedTailwindV4CssSource(rawSource, cssHandlerOptions, sourceOptions, selectionOptions);
-	const preferredCssEntrySource = matchedCssEntrySource ?? matchedCssSource ?? candidateMatchedCssSource;
+	const preferredCssEntrySource = matchedCssEntrySource ?? matchedCssSource ?? candidateMatchedCssEntrySource ?? candidateMatchedCssSource;
 	if (preferredCssEntrySource) return [normalizeResolvedTailwindV4SourceConfig(generatorOptions?.config ? {
 		...preferredCssEntrySource,
 		css: prependConfigDirective(preferredCssEntrySource.css, generatorOptions.config)
 	} : preferredCssEntrySource, preferredCssEntrySource.__weappTailwindcssMeta?.matchedCssSourceFile, sourceOptions)];
 	if (!sourceOptions.cssEntries || sourceOptions.cssEntries.length <= 1) {
-		if (cssHandlerOptions.isMainChunk && sourceOptions.cssEntries?.length === 1) return [await resolveTailwindV4CssEntrySource(sourceOptions.cssEntries[0], normalizeTailwindV4CssSourceConfigs(sourceOptions)).then((source) => generatorOptions?.config ? {
+		if (cssHandlerOptions.isMainChunk && sourceOptions.cssEntries?.length === 1) return [await resolveTailwindV4CssEntrySource(sourceOptions.cssEntries[0], normalizeTailwindV4CssSourceConfigs(sourceOptions), { index: 0 }).then((source) => generatorOptions?.config ? {
 			...source,
 			css: prependConfigDirective(source.css, generatorOptions.config)
 		} : source)];
-		if (sourceOptions.cssSources?.length === 1) return [normalizeResolvedTailwindV4SourceConfig(await createTailwindV4CssSourceResolver(sourceOptions, generatorOptions)(sourceOptions.cssSources[0]), sourceOptions.cssSources[0]?.file, sourceOptions)];
+		if (sourceOptions.cssSources?.length === 1) return [normalizeResolvedTailwindV4SourceConfig(await createTailwindV4CssSourceResolver(sourceOptions, generatorOptions)(sourceOptions.cssSources[0], 0), sourceOptions.cssSources[0]?.file, sourceOptions)];
 		const resolved = await resolveGeneratorSource(majorVersion, runtimeState, rawSource, file, cssHandlerOptions, generatorOptions, selectionOptions);
 		return resolved ? [resolved] : [];
 	}
@@ -4338,7 +4523,7 @@ async function resolveGeneratorSources(majorVersion, runtimeState, rawSource, fi
 		return resolved ? [resolved] : [];
 	}
 	const normalizedCssSourceOptions = normalizeTailwindV4CssSourceConfigs(sourceOptions);
-	const cssEntrySources = await Promise.all(sourceOptions.cssEntries.map((cssEntry) => resolveTailwindV4CssEntrySource(cssEntry, normalizedCssSourceOptions).then((source) => generatorOptions?.config ? {
+	const cssEntrySources = await Promise.all(sourceOptions.cssEntries.map((cssEntry, index) => resolveTailwindV4CssEntrySource(cssEntry, normalizedCssSourceOptions, { index }).then((source) => generatorOptions?.config ? {
 		...source,
 		css: prependConfigDirective(source.css, generatorOptions.config)
 	} : source)));
@@ -5349,7 +5534,7 @@ async function generateCssByGenerator(options) {
 		});
 		const runtimeWithCurrentCss = createRuntimeWithCurrentCssCandidates(runtime, currentCssCandidates, isolateCurrentCssCandidates);
 		const sources = await resolveGeneratorSources(majorVersion, runtimeState, generatorRawSource, file, cssHandlerOptions, generatorOptions, {
-			cssEntries: opts.cssEntries,
+			cssEntries: cssHandlerOptions.sourceOptions?.cssEntries ?? opts.cssEntries,
 			cssSources: options.cssSources,
 			getSourceCandidatesForEntries,
 			runtime: runtimeWithCurrentCss
@@ -5418,6 +5603,19 @@ async function generateCssByGenerator(options) {
 		const generatedCssSource = generated.target === "web" ? generated.css : stripTailwindBanner(generated.css);
 		const generatedCss = shouldFilterApplyOnlyCss ? filterApplyOnlyGeneratedCss(generatedCssSource, generatorRawSource) : generatedCssSource;
 		const hasMatchedCssSourceFile = sources.some((source) => source.__weappTailwindcssMeta?.matchedCssSourceFile);
+		const hasExplicitCssSource = sources.some((source) => {
+			const metadata = source.__weappTailwindcssMeta;
+			return metadata?.cssEntryIndex !== void 0 || metadata?.cssSourceIndex !== void 0;
+		});
+		const hasPreflightCssSource = sources.some((source) => source.__weappTailwindcssMeta?.includesPreflight === true);
+		const hasPreflightRawSource = includesTailwindV4PreflightDirective(generatorRawSource);
+		const preflightMode = resolveMiniProgramPreflightModeForGeneratorCss(opts, {
+			cssHandlerOptions,
+			isolateCurrentCssCandidates,
+			localImports,
+			explicitCssSource: hasExplicitCssSource,
+			primaryCssSource: sources.length > 0 && sources.every((source) => source.__weappTailwindcssMeta?.primaryCssSource === true) || hasPreflightCssSource || hasPreflightRawSource
+		});
 		const orderedExtraCss = splitGeneratorPlaceholderCssBySourceOrder(userCssOrderSource, generated.rawCss) ?? (hasMatchedCssSourceFile ? splitTailwindV4GeneratedCssBySourceOrder(userCssOrderSource, generated.rawCss) : splitRawSourceByGeneratedCssOrder(userCssOrderSource, generated.rawCss));
 		const shouldAppendMatchedCssSourceCompat = !hasMatchedCssSourceFile || orderedExtraCss !== void 0;
 		if (orderedExtraCss) {
@@ -5465,11 +5663,8 @@ async function generateCssByGenerator(options) {
 				}
 			} else if (generated.target === "weapp" && shouldFinalizeMarkedUserLayerComponentsCss(file)) css = reorderMarkedUserLayerComponentsCss(css);
 			const finalCss = finalizeGeneratorCss(css, generated.target, {
-				injectPreflight: shouldInjectMiniProgramPreflightForGeneratorCss(opts, {
-					cssHandlerOptions,
-					isolateCurrentCssCandidates,
-					localImports
-				}),
+				injectPreflight: preflightMode.inject,
+				preservePreflight: preflightMode.preserve,
 				styleOptions: generatorStyleOptions
 			});
 			return {
@@ -5573,11 +5768,8 @@ async function generateCssByGenerator(options) {
 				css = createCssSourceOrderAppend$1(css, missingUserCss);
 			}
 			const finalCss = finalizeGeneratorCss(css, generated.target, {
-				injectPreflight: shouldInjectMiniProgramPreflightForGeneratorCss(opts, {
-					cssHandlerOptions,
-					isolateCurrentCssCandidates,
-					localImports
-				}),
+				injectPreflight: preflightMode.inject,
+				preservePreflight: preflightMode.preserve,
 				styleOptions: generatorStyleOptions
 			});
 			return {
@@ -5610,11 +5802,8 @@ async function generateCssByGenerator(options) {
 			css = createCssSourceOrderAppend$1(css, missingUserCss);
 		}
 		const finalCss = finalizeGeneratorCss(css, generated.target, {
-			injectPreflight: shouldInjectMiniProgramPreflightForGeneratorCss(opts, {
-				cssHandlerOptions,
-				isolateCurrentCssCandidates,
-				localImports
-			}),
+			injectPreflight: preflightMode.inject,
+			preservePreflight: preflightMode.preserve,
 			styleOptions: generatorStyleOptions
 		});
 		return {
@@ -5870,7 +6059,7 @@ function createEvalReplacementToken(path, updated) {
 	return {
 		start,
 		end,
-		value: path.isStringLiteral() ? (0, _ast_core_escape.jsStringEscape)(updated) : updated,
+		value: path.isStringLiteral() ? jsStringEscape(updated) : updated,
 		path
 	};
 }
@@ -7150,8 +7339,12 @@ function normalizeCssConfigDirectives(source, resourcePath) {
 	});
 }
 function createCssHandlerOptions(options, majorVersion, file, appType) {
+	const tailwindOptions = resolveTailwindcssOptions(options.tailwindRuntimeOptions);
+	const cssEntries = [...options.cssEntries ?? [], ...tailwindOptions?.v4?.cssEntries ?? []].filter((entry) => typeof entry === "string" && entry.length > 0).map((entry) => node_path.default.resolve(entry));
+	const resolvedFile = node_path.default.resolve(file);
+	const matchedCssEntryIndex = cssEntries.findIndex((entry) => entry === resolvedFile);
 	return {
-		isMainChunk: options.mainCssChunkMatcher(file, appType),
+		isMainChunk: matchedCssEntryIndex >= 0 ? matchedCssEntryIndex === 0 : options.mainCssChunkMatcher(file, appType),
 		postcssOptions: { options: { from: file } },
 		...normalizeStyleHandlerMajorVersion(majorVersion) === void 0 ? {} : { majorVersion: 4 }
 	};