weapp-tailwindcss 5.0.0-next.7 → 5.0.0-next.9

package/dist/bundlers/shared/generator-css/directives.d.ts

@@ -1,6 +1,8 @@
 export declare function parseImportRequest(params: string): string | undefined;
 export declare function removeTailwindSourceDirectives(rawSource: string): string;
 export declare function hasTailwindSourceDirectives(rawSource: string): boolean;
+export declare function hasTailwindRootDirectives(rawSource: string): boolean;
+export declare function hasTailwindApplyDirective(rawSource: string): boolean;
 export declare function resolveCssEntrySource(rawSource: string, base: string, options?: {
     removeConfig?: boolean;
 }): {

package/dist/bundlers/vite/rewrite-css-imports.d.ts

@@ -7,6 +7,7 @@ interface RewriteCssImportsOptions {
     shouldRewrite: boolean;
     rootImport?: string;
     weappTailwindcssDirPosix: string;
+    onTailwindRootCss?: (id: string, code: string) => Promise<void> | void;
 }
 export declare function createRewriteCssImportsPlugins(options: RewriteCssImportsOptions): Plugin[];
 export {};

package/dist/bundlers/webpack/BaseUnifiedPlugin/v5-loaders.d.ts

@@ -1,3 +1,4 @@
+import type { TailwindV4CssSource } from 'tailwindcss-patch';
 import type { Compiler } from 'webpack';
 import type { AppType, InternalUserDefinedOptions } from '../../../types';
 interface SetupWebpackV5LoadersOptions {
@@ -7,6 +8,7 @@ interface SetupWebpackV5LoadersOptions {
     weappTailwindcssPackageDir: string;
     shouldRewriteCssImports: boolean;
     runtimeLoaderPath?: string;
+    registerAutoCssSource?: (source: TailwindV4CssSource) => Promise<void> | void;
     getClassSetInLoader: () => Promise<void>;
     getRuntimeWatchDependencies: () => {
         files: ReadonlySet<string>;

package/dist/bundlers/webpack/BaseUnifiedPlugin/v5.d.ts

@@ -4,6 +4,7 @@ export declare const weappTailwindcssPackageDir: string;
 export declare class UnifiedWebpackPluginV5 implements IBaseWebpackPlugin {
     options: InternalUserDefinedOptions;
     appType?: AppType;
+    private hasInitialTailwindCssRoots;
     constructor(options?: UserDefinedOptions);
     apply(compiler: Compiler): void;
 }

package/dist/bundlers/webpack/loaders/weapp-tw-css-import-rewrite-loader.d.ts

@@ -1,3 +1,4 @@
+import type { TailwindV4CssSource } from 'tailwindcss-patch';
 import type webpack from 'webpack';
 import type { AppType } from '../../../types';
 import { Buffer } from 'node:buffer';
@@ -5,6 +6,7 @@ interface CssImportRewriteLoaderOptions {
     tailwindcssImportRewrite?: {
         pkgDir: string;
         appType?: AppType;
+        registerCssSource?: (source: TailwindV4CssSource) => Promise<void> | void;
     };
 }
 export declare function transformCssImportRewriteSource(source: string | Buffer, options: CssImportRewriteLoaderOptions | undefined): string | Buffer<ArrayBufferLike>;

package/dist/{cache-DPN5yKSX.js → cache-BVAiJV3J.js}

@@ -360,6 +360,10 @@ function getTailwindTrackedFiles(twPatcher) {
 	const configPath = tailwindOptions?.config;
 	if (typeof configPath === "string" && configPath.length > 0) tracked.add(configPath);
 	for (const entry of tailwindOptions?.v4?.cssEntries ?? []) if (typeof entry === "string" && entry.length > 0) tracked.add(entry);
+	for (const source of tailwindOptions?.v4?.cssSources ?? []) {
+		if (typeof source.file === "string" && source.file.length > 0) tracked.add(source.file);
+		for (const dependency of source.dependencies ?? []) if (typeof dependency === "string" && dependency.length > 0) tracked.add(dependency);
+	}
 	return tracked;
 }
 function normalizeSignatureValue(value) {
@@ -390,6 +394,7 @@ function getTailwindOptionsSignature(twPatcher) {
 			configuredBase: readOptionalProperty(tailwindOptions?.v4, "configuredBase"),
 			css: tailwindOptions?.v4?.css,
 			cssEntries: tailwindOptions?.v4?.cssEntries,
+			cssSources: tailwindOptions?.v4?.cssSources,
 			hasUserDefinedSources: readOptionalProperty(tailwindOptions?.v4, "hasUserDefinedSources"),
 			sources: tailwindOptions?.v4?.sources
 		}

package/dist/{cache-nq0_XJoS.mjs → cache-CHs4DXui.mjs}

@@ -357,6 +357,10 @@ function getTailwindTrackedFiles(twPatcher) {
 	const configPath = tailwindOptions?.config;
 	if (typeof configPath === "string" && configPath.length > 0) tracked.add(configPath);
 	for (const entry of tailwindOptions?.v4?.cssEntries ?? []) if (typeof entry === "string" && entry.length > 0) tracked.add(entry);
+	for (const source of tailwindOptions?.v4?.cssSources ?? []) {
+		if (typeof source.file === "string" && source.file.length > 0) tracked.add(source.file);
+		for (const dependency of source.dependencies ?? []) if (typeof dependency === "string" && dependency.length > 0) tracked.add(dependency);
+	}
 	return tracked;
 }
 function normalizeSignatureValue(value) {
@@ -387,6 +391,7 @@ function getTailwindOptionsSignature(twPatcher) {
 			configuredBase: readOptionalProperty(tailwindOptions?.v4, "configuredBase"),
 			css: tailwindOptions?.v4?.css,
 			cssEntries: tailwindOptions?.v4?.cssEntries,
+			cssSources: tailwindOptions?.v4?.cssSources,
 			hasUserDefinedSources: readOptionalProperty(tailwindOptions?.v4, "hasUserDefinedSources"),
 			sources: tailwindOptions?.v4?.sources
 		}

package/dist/core.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("./chunk-8l464Juk.js");
-const require_precheck = require("./precheck-Dka94ArV.js");
+const require_precheck = require("./precheck-B32p-gLI.js");
 let _weapp_tailwindcss_shared = require("@weapp-tailwindcss/shared");
 //#region src/core.ts
 const DEFAULT_MAIN_CHUNK_STYLE_OPTIONS = Object.freeze({ isMainChunk: true });

package/dist/core.mjs

@@ -1,4 +1,4 @@
-import { _ as ensureRuntimeClassSet, g as createTailwindRuntimeReadyPromise, n as getCompilerContext, t as shouldSkipJsTransform } from "./precheck-DlrmwCc-.mjs";
+import { _ as ensureRuntimeClassSet, g as createTailwindRuntimeReadyPromise, n as getCompilerContext, t as shouldSkipJsTransform } from "./precheck-B4RH6ZNN.mjs";
 import { defuOverrideArray } from "@weapp-tailwindcss/shared";
 //#region src/core.ts
 const DEFAULT_MAIN_CHUNK_STYLE_OPTIONS = Object.freeze({ isMainChunk: true });

package/dist/css-macro.js

@@ -1,5 +1,5 @@
 const require_chunk = require("./chunk-8l464Juk.js");
-require("./utils-VZvGusYs.js");
+require("./utils-BiShvil9.js");
 const require_constants = require("./constants-BoB_6lFw.js");
 let tailwindcss_plugin = require("tailwindcss/plugin");
 tailwindcss_plugin = require_chunk.__toESM(tailwindcss_plugin);

package/dist/css-macro.mjs

@@ -1,4 +1,4 @@
-import { t as defu } from "./utils-BJjKRQgf.mjs";
+import { t as defu } from "./utils-Btw1iOVV.mjs";
 import { n as createNegativeMediaQuery, t as createMediaQuery } from "./constants-E_loJC49.mjs";
 import plugin from "tailwindcss/plugin";
 //#region src/css-macro/index.ts

package/dist/defaults.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("./chunk-8l464Juk.js");
-require("./utils-VZvGusYs.js");
+require("./utils-BiShvil9.js");
 let _weapp_core_escape = require("@weapp-core/escape");
 let _weapp_tailwindcss_shared = require("@weapp-tailwindcss/shared");
 //#region src/defaults.ts

package/dist/defaults.mjs

@@ -1,4 +1,4 @@
-import { a as noop } from "./utils-BJjKRQgf.mjs";
+import { a as noop } from "./utils-Btw1iOVV.mjs";
 import { MappingChars2String, isAllowedClassName } from "@weapp-core/escape";
 //#region src/defaults.ts
 const CSS_FILE_PATTERN = /.+\.(?:wx|ac|jx|tt|q|c|ty)ss$/;

package/dist/{generator-TOp4uz7c.js → generator-DKkhJbOg.js}

@@ -1,6 +1,6 @@
 const require_chunk = require("./chunk-8l464Juk.js");
-const require_cache = require("./cache-DPN5yKSX.js");
-const require_runtime_patch = require("./runtime-patch-qwuisukL.js");
+const require_cache = require("./cache-BVAiJV3J.js");
+const require_runtime_patch = require("./runtime-patch-D6mBo_KB.js");
 let node_module = require("node:module");
 let postcss = require("postcss");
 postcss = require_chunk.__toESM(postcss);
@@ -1389,6 +1389,7 @@ function resolveTailwindV4SourceOptionsFromPatcher(patcher) {
 		base: configuredBase ?? (hasCssEntries ? void 0 : tailwindOptions?.v4?.base),
 		baseFallbacks: uniqueDefined([tailwindOptions?.cwd, configDir]),
 		css: tailwindOptions?.v4?.css,
+		cssSources: tailwindOptions?.v4?.cssSources,
 		cssEntries: tailwindOptions?.v4?.cssEntries,
 		sources: tailwindOptions?.v4?.sources,
 		packageName: resolveTailwindCssImportTarget(patcher)

package/dist/{generator-CzfdCZyd.mjs → generator-UBmfduYg.mjs}

@@ -1,5 +1,5 @@
-import { a as createTailwindcssPatcher, c as resolveTailwindcssOptions } from "./cache-nq0_XJoS.mjs";
-import { t as ensureTailwindcssRuntimePatch } from "./runtime-patch-pGdCqAEu.mjs";
+import { a as createTailwindcssPatcher, c as resolveTailwindcssOptions } from "./cache-CHs4DXui.mjs";
+import { t as ensureTailwindcssRuntimePatch } from "./runtime-patch-CwN5ya72.mjs";
 import { createRequire } from "node:module";
 import postcss from "postcss";
 import path from "node:path";
@@ -1385,6 +1385,7 @@ function resolveTailwindV4SourceOptionsFromPatcher(patcher) {
 		base: configuredBase ?? (hasCssEntries ? void 0 : tailwindOptions?.v4?.base),
 		baseFallbacks: uniqueDefined([tailwindOptions?.cwd, configDir]),
 		css: tailwindOptions?.v4?.css,
+		cssSources: tailwindOptions?.v4?.cssSources,
 		cssEntries: tailwindOptions?.v4?.cssEntries,
 		sources: tailwindOptions?.v4?.sources,
 		packageName: resolveTailwindCssImportTarget(patcher)

package/dist/{generator-css-Dnpl-IY2.js → generator-css-Bwp3nbrl.js}

@@ -1,6 +1,6 @@
 const require_chunk = require("./chunk-8l464Juk.js");
-const require_generator = require("./generator-TOp4uz7c.js");
-const require_precheck = require("./precheck-Dka94ArV.js");
+const require_generator = require("./generator-DKkhJbOg.js");
+const require_precheck = require("./precheck-B32p-gLI.js");
 let postcss = require("postcss");
 postcss = require_chunk.__toESM(postcss);
 let node_path = require("node:path");
@@ -8,6 +8,193 @@ node_path = require_chunk.__toESM(node_path);
 let node_process = require("node:process");
 node_process = require_chunk.__toESM(node_process);
 let node_fs = require("node:fs");
+//#region src/bundlers/shared/generator-css/markers.ts
+const TAILWIND_V4_BANNER_RE = /\/\*!\s*tailwindcss v4\./;
+const TAILWIND_GENERATED_CSS_MARKER_RE = /\/\*!\s*tailwindcss v|@property\s+--tw-|--tw-|:not\(#\\#\)|\.[^,{]*(?:\\:|\\\[|\\#)|(?::host|page|\.tw-root|wx-root-portal-content)[^{]*\{[^}]*--(?:color|spacing|text|font-weight|radius)-/;
+const GENERATOR_PLACEHOLDER_MARKER_RE = /\/\*!\s*weapp-tailwindcss generator-placeholder\s*\*\//i;
+const GENERATOR_PLACEHOLDER_MARKER_GLOBAL_RE = /\/\*!\s*weapp-tailwindcss generator-placeholder\s*\*\/\s*/gi;
+const TAILWIND_BANNER_PREFIX_RE = /^\/\*!\s*tailwindcss v[^*]*\*\/\s*/i;
+const TAILWIND_BANNER_GLOBAL_RE = /\/\*!\s*tailwindcss v[^*]*\*\/\s*/gi;
+const VITE_MARKER_RE = /\/\*\$vite\$:[^*]*\*\//g;
+function createCssAppend(base, extra) {
+	if (!base) return extra;
+	if (!extra) return base;
+	return `${base}\n${extra}`;
+}
+function splitTailwindV4GeneratedCss(rawSource, rawTailwindCss) {
+	const trimmedRaw = rawSource.trim();
+	const trimmedTailwind = rawTailwindCss.trim();
+	if (trimmedRaw === trimmedTailwind) return "";
+	if (trimmedTailwind.startsWith(trimmedRaw)) return "";
+	const start = rawSource.indexOf(rawTailwindCss);
+	if (start === -1) return;
+	return createCssAppend(rawSource.slice(0, start), rawSource.slice(start + rawTailwindCss.length));
+}
+function stripTailwindBanner(css) {
+	return css.replace(TAILWIND_BANNER_PREFIX_RE, "");
+}
+function stripTailwindBanners(css) {
+	return css.replace(TAILWIND_BANNER_GLOBAL_RE, "");
+}
+function stripGeneratorPlaceholderMarkers(css) {
+	return css.replace(GENERATOR_PLACEHOLDER_MARKER_GLOBAL_RE, "");
+}
+function hasTailwindGeneratedCss(rawSource) {
+	return TAILWIND_V4_BANNER_RE.test(rawSource);
+}
+function hasTailwindGeneratedCssMarkers(rawSource) {
+	return TAILWIND_GENERATED_CSS_MARKER_RE.test(rawSource) || GENERATOR_PLACEHOLDER_MARKER_RE.test(rawSource);
+}
+//#endregion
+//#region src/bundlers/shared/generator-css/directives.ts
+const TAILWIND_REMOVABLE_SOURCE_DIRECTIVE_NAMES = new Set([
+	"config",
+	"custom-variant",
+	"layer",
+	"plugin",
+	"reference",
+	"source",
+	"tailwind",
+	"theme",
+	"utility",
+	"variant"
+]);
+const TAILWIND_ROOT_DIRECTIVE_NAMES = new Set([
+	"config",
+	"custom-variant",
+	"plugin",
+	"source",
+	"tailwind",
+	"theme",
+	"utility",
+	"variant"
+]);
+const TAILWIND_ROOT_DIRECTIVE_RE = /@(?:import\s+(?:url\(\s*)?["']?tailwindcss4?(?:\/[^"')\s]*)?|tailwind|config|custom-variant|plugin|source|theme|utility|variant)\b/;
+function parseImportRequest(params) {
+	return /^(?:url\(\s*)?(["']?)([^"')\s]+)\1\s*\)?/.exec(params.trim())?.[2];
+}
+function parseConfigRequest(params) {
+	return /^(["'])(.+)\1\s*;?$/.exec(params.trim())?.[2];
+}
+function isPackageJsonImportRequest(request) {
+	return typeof request === "string" && request.startsWith("#");
+}
+function isTailwindImportAtRule(node) {
+	if (node.name === "tailwind") return true;
+	if (node.name !== "import") return false;
+	const request = parseImportRequest(node.params);
+	return request === "tailwindcss" || request === "tailwindcss4" || request?.startsWith("tailwindcss/") || request?.startsWith("tailwindcss4/");
+}
+function isTailwindSourceDirective(node) {
+	if (node.type !== "atrule") return false;
+	const atRule = node;
+	if (isTailwindImportAtRule(atRule)) return true;
+	if (atRule.name === "import" && isPackageJsonImportRequest(parseImportRequest(atRule.params))) return true;
+	return TAILWIND_REMOVABLE_SOURCE_DIRECTIVE_NAMES.has(atRule.name);
+}
+function isTailwindGenerationDirective(node) {
+	if (node.type !== "atrule") return false;
+	const atRule = node;
+	const request = atRule.name === "import" ? parseImportRequest(atRule.params) : atRule.name === "config" || atRule.name === "plugin" || atRule.name === "reference" ? parseConfigRequest(atRule.params) : void 0;
+	return isTailwindImportAtRule(atRule) || isPackageJsonImportRequest(request) || atRule.name === "apply" || atRule.name === "layer" || atRule.name === "config" || atRule.name === "source";
+}
+function removeTailwindSourceDirectives(rawSource) {
+	try {
+		const source = stripGeneratorPlaceholderMarkers(rawSource);
+		const root = postcss.default.parse(source);
+		let removed = false;
+		root.walk((node) => {
+			if (isTailwindSourceDirective(node)) {
+				node.remove();
+				removed = true;
+			}
+		});
+		return removed ? root.toString() : source;
+	} catch {
+		return stripGeneratorPlaceholderMarkers(rawSource);
+	}
+}
+function hasTailwindSourceDirectives(rawSource) {
+	try {
+		if (GENERATOR_PLACEHOLDER_MARKER_RE.test(rawSource)) return true;
+		const root = postcss.default.parse(rawSource);
+		let found = false;
+		root.walk((node) => {
+			if (isTailwindGenerationDirective(node)) {
+				found = true;
+				return false;
+			}
+		});
+		return found;
+	} catch {
+		return false;
+	}
+}
+function hasTailwindRootDirectives(rawSource) {
+	if (!TAILWIND_ROOT_DIRECTIVE_RE.test(rawSource)) return false;
+	try {
+		const root = postcss.default.parse(rawSource);
+		let found = false;
+		root.walkAtRules((node) => {
+			const request = node.name === "import" ? parseImportRequest(node.params) : node.name === "config" || node.name === "plugin" ? parseConfigRequest(node.params) : void 0;
+			if (isTailwindImportAtRule(node) || isPackageJsonImportRequest(request) || TAILWIND_ROOT_DIRECTIVE_NAMES.has(node.name)) {
+				found = true;
+				return false;
+			}
+		});
+		return found;
+	} catch {
+		return true;
+	}
+}
+function hasTailwindApplyDirective(rawSource) {
+	if (!rawSource.includes("@apply")) return false;
+	try {
+		const root = postcss.default.parse(rawSource);
+		let found = false;
+		root.walkAtRules("apply", () => {
+			found = true;
+			return false;
+		});
+		return found;
+	} catch {
+		return false;
+	}
+}
+function resolveCssEntrySource(rawSource, base, options = {}) {
+	try {
+		const root = postcss.default.parse(rawSource);
+		let found = false;
+		let config;
+		let configRequest;
+		let removedConfig = false;
+		const removeConfig = options.removeConfig ?? true;
+		root.walk((node) => {
+			if (isTailwindGenerationDirective(node)) found = true;
+			if (node.type === "atrule" && node.name === "config") {
+				const configPath = parseConfigRequest(node.params);
+				if (configPath && !config) {
+					configRequest = configPath;
+					config = isPackageJsonImportRequest(configPath) ? void 0 : node_path.default.isAbsolute(configPath) ? configPath : node_path.default.resolve(base, configPath);
+				}
+				if (removeConfig) {
+					node.remove();
+					removedConfig = true;
+				}
+			}
+		});
+		if (!found) return;
+		return {
+			css: removedConfig ? root.toString() : rawSource,
+			config,
+			configRequest,
+			base
+		};
+	} catch {
+		return;
+	}
+}
+//#endregion
 //#region src/bundlers/shared/cache.ts
 async function processCachedTask({ cache, cacheKey, hashKey = cacheKey, rawSource, hash, readCache, applyResult, transform, onCacheHit }) {
 	let cacheHit = false;
@@ -373,149 +560,6 @@ function finalizeMiniProgramCss(css) {
 	}
 }
 //#endregion
-//#region src/bundlers/shared/generator-css/markers.ts
-const TAILWIND_V4_BANNER_RE = /\/\*!\s*tailwindcss v4\./;
-const TAILWIND_GENERATED_CSS_MARKER_RE = /\/\*!\s*tailwindcss v|@property\s+--tw-|--tw-|:not\(#\\#\)|\.[^,{]*(?:\\:|\\\[|\\#)|(?::host|page|\.tw-root|wx-root-portal-content)[^{]*\{[^}]*--(?:color|spacing|text|font-weight|radius)-/;
-const GENERATOR_PLACEHOLDER_MARKER_RE = /\/\*!\s*weapp-tailwindcss generator-placeholder\s*\*\//i;
-const GENERATOR_PLACEHOLDER_MARKER_GLOBAL_RE = /\/\*!\s*weapp-tailwindcss generator-placeholder\s*\*\/\s*/gi;
-const TAILWIND_BANNER_PREFIX_RE = /^\/\*!\s*tailwindcss v[^*]*\*\/\s*/i;
-const TAILWIND_BANNER_GLOBAL_RE = /\/\*!\s*tailwindcss v[^*]*\*\/\s*/gi;
-const VITE_MARKER_RE = /\/\*\$vite\$:[^*]*\*\//g;
-function createCssAppend(base, extra) {
-	if (!base) return extra;
-	if (!extra) return base;
-	return `${base}\n${extra}`;
-}
-function splitTailwindV4GeneratedCss(rawSource, rawTailwindCss) {
-	const trimmedRaw = rawSource.trim();
-	const trimmedTailwind = rawTailwindCss.trim();
-	if (trimmedRaw === trimmedTailwind) return "";
-	if (trimmedTailwind.startsWith(trimmedRaw)) return "";
-	const start = rawSource.indexOf(rawTailwindCss);
-	if (start === -1) return;
-	return createCssAppend(rawSource.slice(0, start), rawSource.slice(start + rawTailwindCss.length));
-}
-function stripTailwindBanner(css) {
-	return css.replace(TAILWIND_BANNER_PREFIX_RE, "");
-}
-function stripTailwindBanners(css) {
-	return css.replace(TAILWIND_BANNER_GLOBAL_RE, "");
-}
-function stripGeneratorPlaceholderMarkers(css) {
-	return css.replace(GENERATOR_PLACEHOLDER_MARKER_GLOBAL_RE, "");
-}
-function hasTailwindGeneratedCss(rawSource) {
-	return TAILWIND_V4_BANNER_RE.test(rawSource);
-}
-function hasTailwindGeneratedCssMarkers(rawSource) {
-	return TAILWIND_GENERATED_CSS_MARKER_RE.test(rawSource) || GENERATOR_PLACEHOLDER_MARKER_RE.test(rawSource);
-}
-//#endregion
-//#region src/bundlers/shared/generator-css/directives.ts
-const TAILWIND_REMOVABLE_SOURCE_DIRECTIVE_NAMES = new Set([
-	"config",
-	"custom-variant",
-	"layer",
-	"plugin",
-	"reference",
-	"source",
-	"tailwind",
-	"theme",
-	"utility",
-	"variant"
-]);
-function parseImportRequest(params) {
-	return /^(?:url\(\s*)?(["']?)([^"')\s]+)\1\s*\)?/.exec(params.trim())?.[2];
-}
-function parseConfigRequest(params) {
-	return /^(["'])(.+)\1\s*;?$/.exec(params.trim())?.[2];
-}
-function isPackageJsonImportRequest(request) {
-	return typeof request === "string" && request.startsWith("#");
-}
-function isTailwindImportAtRule(node) {
-	if (node.name === "tailwind") return true;
-	if (node.name !== "import") return false;
-	const request = parseImportRequest(node.params);
-	return request === "tailwindcss" || request === "tailwindcss4" || request?.startsWith("tailwindcss/") || request?.startsWith("tailwindcss4/");
-}
-function isTailwindSourceDirective(node) {
-	if (node.type !== "atrule") return false;
-	if (isTailwindImportAtRule(node)) return true;
-	if (node.name === "import" && isPackageJsonImportRequest(parseImportRequest(node.params))) return true;
-	return TAILWIND_REMOVABLE_SOURCE_DIRECTIVE_NAMES.has(node.name);
-}
-function isTailwindGenerationDirective(node) {
-	if (node.type !== "atrule") return false;
-	const request = node.name === "import" ? parseImportRequest(node.params) : node.name === "config" || node.name === "plugin" || node.name === "reference" ? parseConfigRequest(node.params) : void 0;
-	return isTailwindImportAtRule(node) || isPackageJsonImportRequest(request) || node.name === "apply" || node.name === "layer" || node.name === "config" || node.name === "source";
-}
-function removeTailwindSourceDirectives(rawSource) {
-	try {
-		const source = stripGeneratorPlaceholderMarkers(rawSource);
-		const root = postcss.default.parse(source);
-		let removed = false;
-		root.walk((node) => {
-			if (isTailwindSourceDirective(node)) {
-				node.remove();
-				removed = true;
-			}
-		});
-		return removed ? root.toString() : source;
-	} catch {
-		return stripGeneratorPlaceholderMarkers(rawSource);
-	}
-}
-function hasTailwindSourceDirectives(rawSource) {
-	try {
-		if (GENERATOR_PLACEHOLDER_MARKER_RE.test(rawSource)) return true;
-		const root = postcss.default.parse(rawSource);
-		let found = false;
-		root.walk((node) => {
-			if (isTailwindGenerationDirective(node)) {
-				found = true;
-				return false;
-			}
-		});
-		return found;
-	} catch {
-		return false;
-	}
-}
-function resolveCssEntrySource(rawSource, base, options = {}) {
-	try {
-		const root = postcss.default.parse(rawSource);
-		let found = false;
-		let config;
-		let configRequest;
-		let removedConfig = false;
-		const removeConfig = options.removeConfig ?? true;
-		root.walk((node) => {
-			if (isTailwindGenerationDirective(node)) found = true;
-			if (node.type === "atrule" && node.name === "config") {
-				const configPath = parseConfigRequest(node.params);
-				if (configPath && !config) {
-					configRequest = configPath;
-					config = isPackageJsonImportRequest(configPath) ? void 0 : node_path.default.isAbsolute(configPath) ? configPath : node_path.default.resolve(base, configPath);
-				}
-				if (removeConfig) {
-					node.remove();
-					removedConfig = true;
-				}
-			}
-		});
-		if (!found) return;
-		return {
-			css: removedConfig ? root.toString() : rawSource,
-			config,
-			configRequest,
-			base
-		};
-	} catch {
-		return;
-	}
-}
-//#endregion
 //#region src/bundlers/shared/generator-css/legacy-selectors.ts
 const CLASS_SELECTOR_RE = /(?:^|[^\w-])\.[_a-z\u00A0-\uFFFF\\-]/i;
 const MINI_PROGRAM_THEME_SCOPE_SELECTORS = new Set([
@@ -872,6 +916,13 @@ function tryResolveTailwindV4SourceOptions(runtimeState) {
 		return;
 	}
 }
+function hasConfiguredTailwindV4CssSource(sourceOptions) {
+	return Boolean(sourceOptions?.css) || Boolean(sourceOptions?.cssSources?.length);
+}
+function createTailwindV4ApplyReferenceSource(css, sourceOptions) {
+	if (!hasTailwindApplyDirective(css) || hasTailwindRootDirectives(css)) return css;
+	return `@reference "${sourceOptions.packageName ?? "tailwindcss"}";\n${css}`;
+}
 async function resolveGeneratorSource(majorVersion, runtimeState, rawSource, file, cssHandlerOptions, generatorOptions) {
 	const cssEntrySource = resolveCssEntrySource(rawSource, resolveCssSourceBase(file, cssHandlerOptions), { removeConfig: majorVersion === 3 });
 	if (majorVersion === 3) {
@@ -892,6 +943,11 @@ async function resolveGeneratorSource(majorVersion, runtimeState, rawSource, fil
 		});
 	}
 	const sourceOptions = tryResolveTailwindV4SourceOptions(runtimeState);
+	const configuredCssSource = sourceOptions && hasConfiguredTailwindV4CssSource(sourceOptions) && hasTailwindGeneratedCssMarkers(rawSource) ? await require_generator.resolveTailwindV4Source(sourceOptions) : void 0;
+	if (configuredCssSource) return generatorOptions?.config ? {
+		...configuredCssSource,
+		css: prependConfigDirective(configuredCssSource.css, generatorOptions.config)
+	} : configuredCssSource;
 	const shouldPreferSourceSideEntry = shouldResolveSourceSideCssEntry(rawSource) || Boolean(cssEntrySource?.css.includes("weapp-tailwindcss generator-placeholder"));
 	const sourceSideEntrySource = sourceOptions && shouldPreferSourceSideEntry ? resolveSourceSideCssEntrySource(file, sourceOptions, { removeConfig: false }) : void 0;
 	const matchedCssEntrySource = sourceOptions && cssEntrySource ? await resolveMatchingTailwindV4CssEntry(rawSource, file, sourceOptions) : void 0;
@@ -915,10 +971,11 @@ async function resolveGeneratorSource(majorVersion, runtimeState, rawSource, fil
 	}
 	const resolvedSourceOptions = sourceOptions ?? {};
 	const config = resolveExistingConfigPath(resolvedEntrySource.config, resolvedEntrySource.configRequest, file, resolvedSourceOptions);
+	const css = createTailwindV4ApplyReferenceSource(normalizeConfigDirective(prependConfigDirective(resolvedEntrySource.css, generatorOptions?.config), config), resolvedSourceOptions);
 	return require_generator.resolveTailwindV4Source({
 		...resolvedSourceOptions,
 		base: resolvedEntrySource.base,
-		css: normalizeConfigDirective(prependConfigDirective(resolvedEntrySource.css, generatorOptions?.config), config)
+		css
 	});
 }
 async function resolveGeneratorSources(majorVersion, runtimeState, rawSource, file, cssHandlerOptions, generatorOptions) {
@@ -1298,6 +1355,12 @@ Object.defineProperty(exports, "hasTailwindGeneratedCssMarkers", {
 		return hasTailwindGeneratedCssMarkers;
 	}
 });
+Object.defineProperty(exports, "hasTailwindRootDirectives", {
+	enumerable: true,
+	get: function() {
+		return hasTailwindRootDirectives;
+	}
+});
 Object.defineProperty(exports, "hasTailwindSourceDirectives", {
 	enumerable: true,
 	get: function() {