boss-css 0.0.14 → 0.0.16

package/dist/eslint-plugin/rules/prefer-unitless-values.mjs

@@ -0,0 +1,217 @@
+import { collectClassLiteralsFromExpression, compilePatterns, getCalleeName, getJSXAttributeName, getLiteralInfo, matchesPattern } from "../utils/ast.mjs";
+import { DEFAULT_ATTRIBUTE_PATTERNS, DEFAULT_CALLEE_PATTERNS, DEFAULT_TAG_PATTERNS, DEFAULT_VARIABLE_PATTERNS } from "../utils/defaults.mjs";
+import { buildLiteralReplacement } from "../utils/format.mjs";
+import { getApi } from "../utils/api.mjs";
+import { isCssPropName, parseGroupedSelector, splitClassList, splitFragments } from "../utils/boss-classes.mjs";
+
+//#region src/eslint-plugin/rules/prefer-unitless-values.js
+const RULE_NAME = "prefer-unitless-values";
+const defaultOptions = {
+	attributes: DEFAULT_ATTRIBUTE_PATTERNS,
+	callees: DEFAULT_CALLEE_PATTERNS,
+	variables: DEFAULT_VARIABLE_PATTERNS,
+	tags: DEFAULT_TAG_PATTERNS,
+	additionalProps: [],
+	unit: null
+};
+const createPatterns = (options) => ({
+	attributes: compilePatterns(options.attributes),
+	callees: compilePatterns(options.callees),
+	variables: compilePatterns(options.variables),
+	tags: compilePatterns(options.tags)
+});
+const normalizeUnit = (value) => {
+	if (typeof value !== "string") return null;
+	const trimmed = value.trim();
+	return trimmed.length ? trimmed : null;
+};
+const escapeRegExp = (value) => value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+const createUnitValuePattern = (unit) => new RegExp(`(^|_)([+-]?(?:\\d*\\.\\d+|\\d+))${escapeRegExp(unit)}(?=(_|$))`, "g");
+const stripDefaultUnitSuffixes = (rawValue, unit, pattern = createUnitValuePattern(unit)) => {
+	if (!rawValue || !unit) return null;
+	let changed = false;
+	const nextValue = rawValue.replace(pattern, (_, prefix, numberValue) => {
+		changed = true;
+		return `${prefix}${numberValue}`;
+	});
+	return changed ? nextValue : null;
+};
+const getSimpleTokenValueInfo = (token, extraProps) => {
+	const fragments = splitFragments(token);
+	if (!fragments.length) return null;
+	let propIndex = -1;
+	for (let i = 0; i < fragments.length; i += 1) if (isCssPropName(fragments[i], extraProps)) {
+		propIndex = i;
+		break;
+	}
+	if (propIndex === -1 || propIndex >= fragments.length - 1) return null;
+	return {
+		prop: fragments[propIndex],
+		value: fragments.slice(propIndex + 1).join(":"),
+		prefix: fragments.slice(0, propIndex + 1).join(":")
+	};
+};
+const rewriteGroupedToken = (token, unit, extraProps, pattern) => {
+	const grouped = parseGroupedSelector(token);
+	if (!grouped) return null;
+	let changed = false;
+	const entries = [];
+	const issues = [];
+	for (const entry of grouped.entries) {
+		const current = entry.rawValue;
+		const nextValue = isCssPropName(entry.name, extraProps) ? stripDefaultUnitSuffixes(current, unit, pattern) : null;
+		if (!nextValue) {
+			entries.push(entry);
+			continue;
+		}
+		changed = true;
+		entries.push({
+			...entry,
+			rawValue: nextValue
+		});
+		issues.push({
+			prop: entry.name,
+			value: current,
+			nextValue
+		});
+	}
+	if (!changed) return null;
+	return {
+		nextToken: `${grouped.prefix}:{${entries.map((entry) => `${entry.name}:${entry.rawValue}`).join(";")}}`,
+		issues
+	};
+};
+const rewriteSimpleToken = (token, unit, extraProps, pattern) => {
+	const valueInfo = getSimpleTokenValueInfo(token, extraProps);
+	if (!valueInfo) return null;
+	const nextValue = stripDefaultUnitSuffixes(valueInfo.value, unit, pattern);
+	if (!nextValue) return null;
+	return {
+		nextToken: `${valueInfo.prefix}:${nextValue}`,
+		issues: [{
+			prop: valueInfo.prop,
+			value: valueInfo.value,
+			nextValue
+		}]
+	};
+};
+const rewriteTokenUnitValues = (token, unit, extraProps, pattern = createUnitValuePattern(unit)) => rewriteGroupedToken(token, unit, extraProps, pattern) || rewriteSimpleToken(token, unit, extraProps, pattern);
+const analyzeClassList = (classList, unit, extraProps) => {
+	const tokens = splitClassList(classList);
+	if (!tokens.length) return {
+		issues: [],
+		nextClassList: null
+	};
+	const pattern = createUnitValuePattern(unit);
+	let changed = false;
+	const issues = [];
+	const nextTokens = tokens.map((token) => {
+		const rewritten = rewriteTokenUnitValues(token, unit, extraProps, pattern);
+		if (!rewritten) return token;
+		changed = true;
+		issues.push(...rewritten.issues);
+		return rewritten.nextToken;
+	});
+	return {
+		issues,
+		nextClassList: changed ? nextTokens.join(" ") : null
+	};
+};
+const create = (context) => {
+	const sourceCode = context.getSourceCode();
+	const options = {
+		...defaultOptions,
+		...context.options[0] || {}
+	};
+	const patterns = createPatterns(options);
+	const extraProps = options.additionalProps?.length ? new Set(options.additionalProps) : null;
+	const { api } = getApi();
+	const unit = normalizeUnit(options.unit) || normalizeUnit(api?.unit) || "px";
+	if (!unit) return {};
+	const reportLiteral = (literal) => {
+		if (!literal || !literal.value) return;
+		const { issues, nextClassList } = analyzeClassList(literal.value, unit, extraProps);
+		if (!issues.length) return;
+		const preview = issues.slice(0, 3).map((issue) => `${issue.prop}:${issue.value} -> ${issue.prop}:${issue.nextValue}`).join(", ");
+		const remainder = issues.length > 3 ? ` (+${issues.length - 3} more)` : "";
+		context.report({
+			node: literal.node,
+			messageId: "preferUnitlessValues",
+			data: {
+				unit,
+				values: preview + remainder
+			},
+			fix: literal.canFix && nextClassList ? (fixer) => fixer.replaceText(literal.node, buildLiteralReplacement(literal.node, sourceCode, nextClassList)) : null
+		});
+	};
+	return {
+		JSXAttribute(node) {
+			const name = getJSXAttributeName(node);
+			if (!name || !matchesPattern(patterns.attributes, name)) return;
+			if (!node.value) return;
+			const literals = [];
+			collectClassLiteralsFromExpression(node.value, sourceCode, literals);
+			for (const literal of literals) reportLiteral(literal);
+		},
+		CallExpression(node) {
+			const calleeName = getCalleeName(node.callee);
+			if (!calleeName || !matchesPattern(patterns.callees, calleeName)) return;
+			const literals = [];
+			for (const argument of node.arguments) collectClassLiteralsFromExpression(argument, sourceCode, literals);
+			for (const literal of literals) reportLiteral(literal);
+		},
+		VariableDeclarator(node) {
+			if (!node.id || node.id.type !== "Identifier") return;
+			if (!matchesPattern(patterns.variables, node.id.name)) return;
+			const literals = [];
+			collectClassLiteralsFromExpression(node.init, sourceCode, literals);
+			for (const literal of literals) reportLiteral(literal);
+		},
+		TaggedTemplateExpression(node) {
+			const tagName = getCalleeName(node.tag);
+			if (!tagName || !matchesPattern(patterns.tags, tagName)) return;
+			const literal = getLiteralInfo(node.quasi, sourceCode);
+			if (literal) reportLiteral(literal);
+		}
+	};
+};
+var prefer_unitless_values_default = {
+	name: RULE_NAME,
+	meta: {
+		type: "suggestion",
+		docs: { description: "Prefer unitless numeric class values for the configured default unit (for example border:1_solid over border:1px_solid)." },
+		fixable: "code",
+		schema: [{
+			type: "object",
+			additionalProperties: false,
+			properties: {
+				attributes: {
+					type: "array",
+					items: { type: "string" }
+				},
+				callees: {
+					type: "array",
+					items: { type: "string" }
+				},
+				variables: {
+					type: "array",
+					items: { type: "string" }
+				},
+				tags: {
+					type: "array",
+					items: { type: "string" }
+				},
+				additionalProps: {
+					type: "array",
+					items: { type: "string" }
+				},
+				unit: { type: "string" }
+			}
+		}],
+		messages: { preferUnitlessValues: "Avoid hardcoded \"{{unit}}\" in Boss class values: {{values}}." }
+	},
+	create
+};
+
+//#endregion
+export { prefer_unitless_values_default as default };

package/dist/eslint-plugin/utils/api.cjs

@@ -1,6 +1,5 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-let boss_css_api_server = require("boss-css/api/server");
-let boss_css_api_config = require("boss-css/api/config");
+const require_api_server = require('../../api/server.cjs');
+const require_api_config = require('../../api/config.cjs');
 
 //#region src/eslint-plugin/utils/api.js
 let api = null;
@@ -10,7 +9,7 @@ const initApi = () => {
 	if (initPromise) return initPromise;
 	initPromise = (async () => {
 		try {
-			api = await (0, boss_css_api_server.createApi)(await (0, boss_css_api_config.loadConfig)(process.cwd()), true);
+			api = await require_api_server.createApi(await require_api_config.loadConfig(process.cwd()), true);
 		} catch (err) {
 			error = err;
 		}

package/dist/eslint-plugin/utils/api.mjs

@@ -1,5 +1,5 @@
-import { createApi } from "boss-css/api/server";
-import { loadConfig } from "boss-css/api/config";
+import { createApi } from "../../api/server.mjs";
+import { loadConfig } from "../../api/config.mjs";
 
 //#region src/eslint-plugin/utils/api.js
 let api = null;

package/dist/native/server.cjs

@@ -134,10 +134,10 @@ type BaseFn<T extends React.ElementType = DefaultNativeElement> = {
 	api.file.native.dts.set("body", "jsx:proxy-start", `type ProxyCustomMembers = {
 `).set("body", "jsx:proxy-utils", `    $: $$NoopFn
     merge: (...inputs: import('boss-css/merge').MergeInput[]) => import('boss-css/merge').MergeOutput
-    cx: (...inputs: import('boss-css/cx').CxValue[]) => string
-    cv: typeof import('boss-css/cx').cv
-    scv: typeof import('boss-css/cx').scv
-    sv: typeof import('boss-css/cx').sv
+    cx: (...inputs: import('boss-css/variants').CxValue[]) => string
+    cv: typeof import('boss-css/variants').cv
+    scv: typeof import('boss-css/variants').scv
+    sv: typeof import('boss-css/variants').sv
     css: CssFn
     style: StyleFn
 `).set("body", "jsx:proxy-custom-members", ``).set("body", "jsx:proxy-custom-members-end", `}`).set("body", "jsx:proxy-type", `type Proxy = BaseFn & {

package/dist/native/server.mjs

@@ -133,10 +133,10 @@ type BaseFn<T extends React.ElementType = DefaultNativeElement> = {
 	api.file.native.dts.set("body", "jsx:proxy-start", `type ProxyCustomMembers = {
 `).set("body", "jsx:proxy-utils", `    $: $$NoopFn
     merge: (...inputs: import('boss-css/merge').MergeInput[]) => import('boss-css/merge').MergeOutput
-    cx: (...inputs: import('boss-css/cx').CxValue[]) => string
-    cv: typeof import('boss-css/cx').cv
-    scv: typeof import('boss-css/cx').scv
-    sv: typeof import('boss-css/cx').sv
+    cx: (...inputs: import('boss-css/variants').CxValue[]) => string
+    cv: typeof import('boss-css/variants').cv
+    scv: typeof import('boss-css/variants').scv
+    sv: typeof import('boss-css/variants').sv
     css: CssFn
     style: StyleFn
 `).set("body", "jsx:proxy-custom-members", ``).set("body", "jsx:proxy-custom-members-end", `}`).set("body", "jsx:proxy-type", `type Proxy = BaseFn & {

package/dist/parser/jsx/extractCode.cjs

@@ -48,12 +48,13 @@ function extractCode(code) {
 		}
 		if (!isInside) continue;
 		if (type === "jsx") {
-			if (!isIgnored && openingRegexp.test(current)) {
+			const openedCurrentContext = !isIgnored && openingRegexp.test(current);
+			if (openedCurrentContext) {
 				stack.push(current);
 				currentOpener = current;
 				isIgnored = Boolean(ignoredContexts[current]);
 			}
-			if (current === map[currentOpener]) {
+			if (!openedCurrentContext && current === map[currentOpener]) {
 				stack.pop();
 				currentOpener = stack.at(-1) || "";
 				isIgnored = false;

package/dist/parser/jsx/extractCode.mjs

@@ -47,12 +47,13 @@ function extractCode(code) {
 		}
 		if (!isInside) continue;
 		if (type === "jsx") {
-			if (!isIgnored && openingRegexp.test(current)) {
+			const openedCurrentContext = !isIgnored && openingRegexp.test(current);
+			if (openedCurrentContext) {
 				stack.push(current);
 				currentOpener = current;
 				isIgnored = Boolean(ignoredContexts[current]);
 			}
-			if (current === map[currentOpener]) {
+			if (!openedCurrentContext && current === map[currentOpener]) {
 				stack.pop();
 				currentOpener = stack.at(-1) || "";
 				isIgnored = false;

package/dist/parser/jsx/extractProps.cjs

@@ -17,7 +17,13 @@ async function extractPropTrees(codes) {
 	return expressions.map(extractPropTreeFromExpression);
 }
 const normalizeCode = (code) => {
-	return code.replace(/(.)>$/, (_, char) => char === "/" ? "/>" : `${char}/>`);
+	let end = code.length - 1;
+	while (end >= 0 && /\s/.test(code[end])) end -= 1;
+	if (end < 0 || code[end] !== ">") return code;
+	let prev = end - 1;
+	while (prev >= 0 && /\s/.test(code[prev])) prev -= 1;
+	if (prev >= 0 && code[prev] === "/") return code;
+	return `${code.slice(0, end)}/${code.slice(end)}`;
 };
 const extractPropTreeFromCode = async (code) => {
 	const { body } = await _swc_core.default.parse(normalizeCode(code), {

package/dist/parser/jsx/extractProps.mjs

@@ -15,7 +15,13 @@ async function extractPropTrees(codes) {
 	return expressions.map(extractPropTreeFromExpression);
 }
 const normalizeCode = (code) => {
-	return code.replace(/(.)>$/, (_, char) => char === "/" ? "/>" : `${char}/>`);
+	let end = code.length - 1;
+	while (end >= 0 && /\s/.test(code[end])) end -= 1;
+	if (end < 0 || code[end] !== ">") return code;
+	let prev = end - 1;
+	while (prev >= 0 && /\s/.test(code[prev])) prev -= 1;
+	if (prev >= 0 && code[prev] === "/") return code;
+	return `${code.slice(0, end)}/${code.slice(end)}`;
 };
 const extractPropTreeFromCode = async (code) => {
 	const { body } = await swc.parse(normalizeCode(code), {

package/dist/parser/jsx/server.cjs

@@ -23,6 +23,11 @@ const settings = new Map([
 	["types", true],
 	["emitRuntime", false]
 ]);
+const resolveGlobals = (api) => {
+	const configValue = api.userConfig?.jsx?.globals;
+	if (typeof configValue === "boolean") return configValue;
+	return settings.get("globals") !== false;
+};
 /**
 * Style:
 *
@@ -90,6 +95,7 @@ const onBoot = async (api) => {
 	needsRuntime = false;
 	preparedComponents.clear();
 	const needsRuntimeTest = () => needsRuntime || settings.get("emitRuntime") === true;
+	const globalsEnabled = resolveGlobals(api);
 	const proxyVar = api.file.js.import({
 		name: "proxy",
 		from: "boss-css/runtime"
@@ -98,7 +104,7 @@ const onBoot = async (api) => {
 		name: "onBrowserObjectStart",
 		from: "boss-css/parser/jsx/browser"
 	}, needsRuntimeTest);
-	settings.get("globals") && api.file.js.set("body", "jsx:globalThis", `globalThis.${settings.get("name")} = ${proxyVar}`, needsRuntimeTest);
+	globalsEnabled && api.file.js.set("body", "jsx:globalThis", `globalThis.${settings.get("name")} = ${proxyVar}`, needsRuntimeTest);
 	api.file.js.set("body", "jsx:export-const", `export const ${settings.get("name")} = ${proxyVar}`, needsRuntimeTest);
 	api.file.js.set("foot", "jsx:export-default", `export default ${proxyVar}`, needsRuntimeTest);
 	const framework = await require_detect_fw_index.detectFramework({ config: api.userConfig ?? api });
@@ -177,20 +183,20 @@ type BaseFn<T extends BossElementType = 'div'> = {
 	api.file.js.dts.set("body", "jsx:proxy-start", `type ProxyCustomMembers = {
 `).set("body", "jsx:proxy-utils", `    $: $$NoopFn
     merge: (...inputs: import('boss-css/merge').MergeInput[]) => import('boss-css/merge').MergeOutput
-    cx: (...inputs: import('boss-css/cx').CxValue[]) => string
-    cv: typeof import('boss-css/cx').cv
-    scv: typeof import('boss-css/cx').scv
-    sv: typeof import('boss-css/cx').sv
+    cx: (...inputs: import('boss-css/variants').CxValue[]) => string
+    cv: typeof import('boss-css/variants').cv
+    scv: typeof import('boss-css/variants').scv
+    sv: typeof import('boss-css/variants').sv
     css: CssFn
     style: StyleFn
 `).set("body", "jsx:proxy-custom-members", ``).set("body", "jsx:proxy-custom-members-end", `}`).set("body", "jsx:proxy-type", `type Proxy = BaseFn & {
     [T in keyof BossIntrinsicElements]: BaseFn<T>
 } & $$Prepared & ProxyCustomMembers`);
 	api.file.js.dts.replace("body", "$$:FinalProps", (value) => {
-		return `${value} & { ${/^[A-Za-z_$][A-Za-z0-9_$]*$/.test(classNameProp) ? classNameProp : JSON.stringify(classNameProp)}?: import('boss-css/cx').CxValue }`;
+		return `${value} & { ${/^[A-Za-z_$][A-Za-z0-9_$]*$/.test(classNameProp) ? classNameProp : JSON.stringify(classNameProp)}?: import('boss-css/variants').CxValue }`;
 	});
 	api.file.js.dts.set("foot", "jsx:export", `export declare const $$: Proxy`);
-	if (settings.get("globals")) api.file.js.dts.set("foot", "jsx:globals", `declare global {
+	if (globalsEnabled) api.file.js.dts.set("foot", "jsx:globals", `declare global {
     const $$: Proxy
 }`);
 	api.file.js.dts.set("foot", "$$:default-export", `export default $$`);

package/dist/parser/jsx/server.mjs

@@ -22,6 +22,11 @@ const settings = new Map([
 	["types", true],
 	["emitRuntime", false]
 ]);
+const resolveGlobals = (api) => {
+	const configValue = api.userConfig?.jsx?.globals;
+	if (typeof configValue === "boolean") return configValue;
+	return settings.get("globals") !== false;
+};
 /**
 * Style:
 *
@@ -89,6 +94,7 @@ const onBoot = async (api) => {
 	needsRuntime = false;
 	preparedComponents.clear();
 	const needsRuntimeTest = () => needsRuntime || settings.get("emitRuntime") === true;
+	const globalsEnabled = resolveGlobals(api);
 	const proxyVar = api.file.js.import({
 		name: "proxy",
 		from: "boss-css/runtime"
@@ -97,7 +103,7 @@ const onBoot = async (api) => {
 		name: "onBrowserObjectStart",
 		from: "boss-css/parser/jsx/browser"
 	}, needsRuntimeTest);
-	settings.get("globals") && api.file.js.set("body", "jsx:globalThis", `globalThis.${settings.get("name")} = ${proxyVar}`, needsRuntimeTest);
+	globalsEnabled && api.file.js.set("body", "jsx:globalThis", `globalThis.${settings.get("name")} = ${proxyVar}`, needsRuntimeTest);
 	api.file.js.set("body", "jsx:export-const", `export const ${settings.get("name")} = ${proxyVar}`, needsRuntimeTest);
 	api.file.js.set("foot", "jsx:export-default", `export default ${proxyVar}`, needsRuntimeTest);
 	const framework = await detectFramework({ config: api.userConfig ?? api });
@@ -176,20 +182,20 @@ type BaseFn<T extends BossElementType = 'div'> = {
 	api.file.js.dts.set("body", "jsx:proxy-start", `type ProxyCustomMembers = {
 `).set("body", "jsx:proxy-utils", `    $: $$NoopFn
     merge: (...inputs: import('boss-css/merge').MergeInput[]) => import('boss-css/merge').MergeOutput
-    cx: (...inputs: import('boss-css/cx').CxValue[]) => string
-    cv: typeof import('boss-css/cx').cv
-    scv: typeof import('boss-css/cx').scv
-    sv: typeof import('boss-css/cx').sv
+    cx: (...inputs: import('boss-css/variants').CxValue[]) => string
+    cv: typeof import('boss-css/variants').cv
+    scv: typeof import('boss-css/variants').scv
+    sv: typeof import('boss-css/variants').sv
     css: CssFn
     style: StyleFn
 `).set("body", "jsx:proxy-custom-members", ``).set("body", "jsx:proxy-custom-members-end", `}`).set("body", "jsx:proxy-type", `type Proxy = BaseFn & {
     [T in keyof BossIntrinsicElements]: BaseFn<T>
 } & $$Prepared & ProxyCustomMembers`);
 	api.file.js.dts.replace("body", "$$:FinalProps", (value) => {
-		return `${value} & { ${/^[A-Za-z_$][A-Za-z0-9_$]*$/.test(classNameProp) ? classNameProp : JSON.stringify(classNameProp)}?: import('boss-css/cx').CxValue }`;
+		return `${value} & { ${/^[A-Za-z_$][A-Za-z0-9_$]*$/.test(classNameProp) ? classNameProp : JSON.stringify(classNameProp)}?: import('boss-css/variants').CxValue }`;
 	});
 	api.file.js.dts.set("foot", "jsx:export", `export declare const $$: Proxy`);
-	if (settings.get("globals")) api.file.js.dts.set("foot", "jsx:globals", `declare global {
+	if (globalsEnabled) api.file.js.dts.set("foot", "jsx:globals", `declare global {
     const $$: Proxy
 }`);
 	api.file.js.dts.set("foot", "$$:default-export", `export default $$`);

package/dist/prop/at/shared.cjs

@@ -1,13 +1,13 @@
 
 //#region src/prop/at/shared.ts
 const defaultBreakpoints = {
-	micro: [null, 375],
+	micro: [0, 375],
 	mobile: [376, 639],
 	tablet: [640, 1023],
 	small: [1024, 1439],
 	medium: [1440, 1919],
-	large: [1920, null],
-	device: [null, 1023]
+	large: [1920, 1e5],
+	device: [0, 1023]
 };
 const baseAtValues = [
 	["dark", "@media screen and (prefers-color-scheme: dark)"],

package/dist/prop/at/shared.mjs

@@ -1,12 +1,12 @@
 //#region src/prop/at/shared.ts
 const defaultBreakpoints = {
-	micro: [null, 375],
+	micro: [0, 375],
 	mobile: [376, 639],
 	tablet: [640, 1023],
 	small: [1024, 1439],
 	medium: [1440, 1919],
-	large: [1920, null],
-	device: [null, 1023]
+	large: [1920, 1e5],
+	device: [0, 1023]
 };
 const baseAtValues = [
 	["dark", "@media screen and (prefers-color-scheme: dark)"],

package/dist/tasks/postcss.cjs

@@ -91,7 +91,7 @@ const runPostcss = async (root, result, options = {}) => {
 			promises.push(require_processFile.default(file));
 		});
 		const processedFiles = await Promise.allSettled(promises);
-		const onParsePromises = [];
+		const onParseTasks = [];
 		for (const settled of processedFiles) {
 			if (settled.status !== "fulfilled") continue;
 			const processed = settled.value;
@@ -99,9 +99,20 @@ const runPostcss = async (root, result, options = {}) => {
 			if (!value || !processed?.changed) continue;
 			const changedPath = value.path ? node_path.default.resolve(value.path) : null;
 			if (changedPath) api.css?.removeSource?.(changedPath);
-			onParsePromises.push(api.trigger("onParse", value));
+			const sourcePath = changedPath ?? value.path ?? "(unknown file)";
+			onParseTasks.push({
+				filePath: sourcePath,
+				promise: api.trigger("onParse", value)
+			});
 		}
-		await Promise.allSettled(onParsePromises);
+		(await Promise.allSettled(onParseTasks.map((task) => task.promise))).forEach((parseResult, index) => {
+			if (parseResult.status !== "rejected") return;
+			const task = onParseTasks[index];
+			const relativePath = node_path.default.relative(baseDir ?? process.cwd(), task.filePath);
+			const sourceLabel = relativePath && !relativePath.startsWith("..") ? relativePath : task.filePath;
+			const reason = parseResult.reason instanceof Error ? parseResult.reason.message : String(parseResult.reason ?? "Unknown parsing error");
+			result.warn(`[boss-css] Failed parsing ${sourceLabel}: ${reason}`, { plugin: "boss-postcss-plugin" });
+		});
 		const boundaryResult = await require_boundaries.resolveBoundaryOutputs(api, {
 			rootDir: baseDir ?? process.cwd(),
 			stylesheetPath,
@@ -119,8 +130,8 @@ const runPostcss = async (root, result, options = {}) => {
 		const outputText = new Map(boundaryResult.outputs.map((output) => [node_path.default.resolve(output.path), output.text])).get(resolvedFile ?? resolvedStylesheet);
 		if (outputText !== void 0) result.root = postcss.default.parse(outputText, result.opts);
 		if (api.strategy !== "classname-only") {
-			api.file.js.write();
-			if (api.file.native?.hasContent) api.file.native.write();
+			await api.file.js.write();
+			if (api.file.native?.hasContent) await api.file.native.write();
 		}
 	});
 	runQueues.set(queueKey, run);

package/dist/tasks/postcss.mjs

@@ -88,7 +88,7 @@ const runPostcss = async (root, result, options = {}) => {
 			promises.push(processFile(file));
 		});
 		const processedFiles = await Promise.allSettled(promises);
-		const onParsePromises = [];
+		const onParseTasks = [];
 		for (const settled of processedFiles) {
 			if (settled.status !== "fulfilled") continue;
 			const processed = settled.value;
@@ -96,9 +96,20 @@ const runPostcss = async (root, result, options = {}) => {
 			if (!value || !processed?.changed) continue;
 			const changedPath = value.path ? path.resolve(value.path) : null;
 			if (changedPath) api.css?.removeSource?.(changedPath);
-			onParsePromises.push(api.trigger("onParse", value));
+			const sourcePath = changedPath ?? value.path ?? "(unknown file)";
+			onParseTasks.push({
+				filePath: sourcePath,
+				promise: api.trigger("onParse", value)
+			});
 		}
-		await Promise.allSettled(onParsePromises);
+		(await Promise.allSettled(onParseTasks.map((task) => task.promise))).forEach((parseResult, index) => {
+			if (parseResult.status !== "rejected") return;
+			const task = onParseTasks[index];
+			const relativePath = path.relative(baseDir ?? process.cwd(), task.filePath);
+			const sourceLabel = relativePath && !relativePath.startsWith("..") ? relativePath : task.filePath;
+			const reason = parseResult.reason instanceof Error ? parseResult.reason.message : String(parseResult.reason ?? "Unknown parsing error");
+			result.warn(`[boss-css] Failed parsing ${sourceLabel}: ${reason}`, { plugin: "boss-postcss-plugin" });
+		});
 		const boundaryResult = await resolveBoundaryOutputs(api, {
 			rootDir: baseDir ?? process.cwd(),
 			stylesheetPath,
@@ -116,8 +127,8 @@ const runPostcss = async (root, result, options = {}) => {
 		const outputText = new Map(boundaryResult.outputs.map((output) => [path.resolve(output.path), output.text])).get(resolvedFile ?? resolvedStylesheet);
 		if (outputText !== void 0) result.root = postcss.parse(outputText, result.opts);
 		if (api.strategy !== "classname-only") {
-			api.file.js.write();
-			if (api.file.native?.hasContent) api.file.native.write();
+			await api.file.js.write();
+			if (api.file.native?.hasContent) await api.file.native.write();
 		}
 	});
 	runQueues.set(queueKey, run);

package/dist/transform/cache.cjs

@@ -1,6 +1,3 @@
-const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
-let node_fs = require("node:fs");
-node_fs = require_rolldown_runtime.__toESM(node_fs);
 
 //#region src/transform/cache.ts
 const cache = /* @__PURE__ */ new Map();

package/dist/transform/cache.mjs

@@ -1,5 +1,3 @@
-import fs from "node:fs";
-
 //#region src/transform/cache.ts
 const cache = /* @__PURE__ */ new Map();
 const setCache = (path, data) => {

package/dist/use/token/browser.cjs

@@ -50,27 +50,35 @@ const isTokenFn = (value) => {
 const onBrowserObjectStart = (api, { input }) => {
 	const isClassnameFirst = api.strategy === "classname-first";
 	const mutableInput = input;
+	const prefix = api.selectorPrefix ?? "";
+	const toTokenVar = (path) => `var(--${prefix}${path.replace(/\./g, "-")})`;
 	for (const prop in mutableInput) {
 		const value = mutableInput[prop];
 		if (isTokenFn(value)) {
 			const path = value().replace("$$.token.", "");
 			if (isClassnameFirst) mutableInput[prop] = path.split(".").slice(1).join(".");
-			else mutableInput[prop] = `var(--${path.replace(/\./g, "-")})`;
+			else mutableInput[prop] = toTokenVar(path);
 		} else if (typeof value === "string" && value.startsWith("$$.token.")) {
 			const path = value.replace("$$.token.", "");
 			if (isClassnameFirst) mutableInput[prop] = path.split(".").slice(1).join(".");
-			else mutableInput[prop] = `var(--${path.replace(/\./g, "-")})`;
+			else mutableInput[prop] = toTokenVar(path);
 		} else if (typeof prop === "string") {
 			const rawValue = mutableInput[prop];
 			if (typeof rawValue !== "string") continue;
 			const dashProp = api.camelCaseToDash?.(prop) ?? prop;
-			const groupName = [
-				require_propMap.getTokenGroupForProp(prop),
-				require_propMap.getTokenGroupForProp(dashProp),
-				prop,
-				dashProp
-			].filter(Boolean).find((group) => tokenPaths.has(`${group}.${rawValue}`));
-			if (groupName && !isClassnameFirst) mutableInput[prop] = `var(--${groupName}-${rawValue.replace("$$.token.", "").replace(/\./g, "-")})`;
+			const groupCandidates = [];
+			const seen = /* @__PURE__ */ new Set();
+			const addCandidate = (group) => {
+				if (!group || seen.has(group)) return;
+				seen.add(group);
+				groupCandidates.push(group);
+			};
+			for (const group of require_propMap.getTokenGroupsForProp(prop)) addCandidate(group);
+			for (const group of require_propMap.getTokenGroupsForProp(dashProp)) addCandidate(group);
+			addCandidate(prop);
+			addCandidate(dashProp);
+			const groupName = groupCandidates.find((group) => tokenPaths.has(`${group}.${rawValue}`));
+			if (groupName && !isClassnameFirst) mutableInput[prop] = toTokenVar(`${groupName}.${rawValue.replace("$$.token.", "")}`);
 		}
 	}
 };