@homebound/truss 2.29.6 → 2.29.8

package/build/plugin/index.js

@@ -56,6 +56,7 @@ function removeCssImport(ast, cssBinding) {
       ast.program.body.splice(i, 1);
     } else {
       node.specifiers.splice(cssSpecIndex, 1);
+      hoistTypeOnlyImportKind(node);
     }
     return;
   }
@@ -76,10 +77,10 @@ function insertAfterLeadingImports(ast, statements) {
 }
 function findNamedImportBinding(ast, importedName, source) {
   for (const node of ast.program.body) {
-    if (!t.isImportDeclaration(node)) continue;
+    if (!t.isImportDeclaration(node) || node.importKind === "type") continue;
     if (source !== void 0 && node.source.value !== source) continue;
     for (const spec of node.specifiers) {
-      if (t.isImportSpecifier(spec) && t.isIdentifier(spec.imported, { name: importedName })) {
+      if (t.isImportSpecifier(spec) && spec.importKind !== "type" && t.isIdentifier(spec.imported, { name: importedName })) {
         return spec.local.name;
       }
     }
@@ -109,7 +110,9 @@ function replaceCssImportWithNamedImports(ast, cssBinding, source, imports) {
 }
 function upsertNamedImports(ast, source, imports) {
   if (imports.length === 0) return;
-  const existing = findImportDeclaration(ast, source);
+  const existing = ast.program.body.find(
+    (node) => t.isImportDeclaration(node) && node.source.value === source && node.importKind !== "type" && !node.specifiers.some((spec) => t.isImportNamespaceSpecifier(spec))
+  );
   if (!existing) {
     const importDecl = t.importDeclaration(imports.map(toImportSpecifier), t.stringLiteral(source));
     ast.program.body.splice(findLastImportIndex(ast) + 1, 0, importDecl);
@@ -117,7 +120,7 @@ function upsertNamedImports(ast, source, imports) {
   }
   for (const entry of imports) {
     const exists = existing.specifiers.some((spec) => {
-      return t.isImportSpecifier(spec) && t.isIdentifier(spec.imported, { name: entry.importedName });
+      return t.isImportSpecifier(spec) && spec.importKind !== "type" && t.isIdentifier(spec.imported, { name: entry.importedName });
     });
     if (!exists) existing.specifiers.push(toImportSpecifier(entry));
   }
@@ -183,6 +186,15 @@ function memberPropertyName(node) {
   if (node.computed && t.isStringLiteral(node.property)) return node.property.value;
   return null;
 }
+function hoistTypeOnlyImportKind(node) {
+  if (node.importKind === "type") return;
+  const typeOnly = node.specifiers.every((spec) => t.isImportSpecifier(spec) && spec.importKind === "type");
+  if (!typeOnly) return;
+  node.importKind = "type";
+  for (const spec of node.specifiers) {
+    if (t.isImportSpecifier(spec)) spec.importKind = null;
+  }
+}
 function toImportSpecifier(entry) {
   return t.importSpecifier(t.identifier(entry.localName), t.identifier(entry.importedName));
 }
@@ -1874,6 +1886,55 @@ function flattenWhenObjectParts(resolved) {
   return segments;
 }
 
+// src/css-order.ts
+function ruleSortKey(priority, className, atRulePrelude2) {
+  const widthInterval = atRulePrelude2 === void 0 ? null : parseWidthInterval(atRulePrelude2);
+  return { priority, className, widthInterval };
+}
+function compareRuleSortKeys(a, b) {
+  return a.priority - b.priority || compareWidthIntervals(a.widthInterval, b.widthInterval) || compareClassNames(a.className, b.className);
+}
+function compareClassNames(a, b) {
+  return a < b ? -1 : a > b ? 1 : 0;
+}
+function atRulePrelude(cssText) {
+  if (!cssText.startsWith("@")) return void 0;
+  const brace = cssText.indexOf("{");
+  return brace === -1 ? void 0 : cssText.slice(0, brace).trim();
+}
+function parseWidthInterval(prelude) {
+  if (/,|\bnot\b|\bor\b|[<>]/.test(prelude)) return null;
+  const terms = Array.from(prelude.matchAll(/\((min|max)-width:\s*([^)]*)\)/g));
+  if (terms.length === 0) return null;
+  let lo = 0;
+  let hi = Infinity;
+  for (const term of terms) {
+    const px = parsePxLength(term[2]);
+    if (px === null) return null;
+    if (term[1] === "min") {
+      lo = Math.max(lo, px);
+    } else {
+      hi = Math.min(hi, px);
+    }
+  }
+  return { lo, hi };
+}
+function parsePxLength(value) {
+  const match = value.trim().match(/^(\d+(?:\.\d+)?)(px)?$/);
+  if (!match) return null;
+  if (match[2] === void 0 && Number(match[1]) !== 0) return null;
+  return Number(match[1]);
+}
+function compareWidthIntervals(a, b) {
+  if (a === null || b === null) {
+    return (a === null ? 1 : 0) - (b === null ? 1 : 0);
+  }
+  const widthA = a.hi - a.lo;
+  const widthB = b.hi - b.lo;
+  if (widthA !== widthB) return widthA > widthB ? -1 : 1;
+  return a.lo - b.lo;
+}
+
 // src/plugin/property-priorities.ts
 var longHandPhysical = /* @__PURE__ */ new Set();
 var longHandLogical = /* @__PURE__ */ new Set();
@@ -2428,13 +2489,6 @@ function computeRulePriority(rule) {
 function isVariableRule(rule) {
   return rule.declarations.some((d) => d.cssVarName !== void 0);
 }
-function ruleSortKey(priority, className, atRulePrelude2) {
-  const widthInterval = atRulePrelude2 === void 0 ? null : parseWidthInterval(atRulePrelude2);
-  return { priority, className, widthInterval };
-}
-function compareRuleSortKeys(a, b) {
-  return a.priority - b.priority || compareWidthIntervals(a.widthInterval, b.widthInterval) || compareClassNames(a.className, b.className);
-}
 function sortRulesByPriority(rules) {
   const decorated = Array.from(rules, (rule) => {
     const priority = computeRulePriority(rule);
@@ -2443,40 +2497,83 @@ function sortRulesByPriority(rules) {
   decorated.sort((a, b) => compareRuleSortKeys(a.key, b.key));
   return decorated.map((d) => ({ rule: d.rule, priority: d.priority }));
 }
-function compareClassNames(a, b) {
-  return a < b ? -1 : a > b ? 1 : 0;
-}
-function parseWidthInterval(prelude) {
-  if (/,|\bnot\b|\bor\b|[<>]/.test(prelude)) return null;
-  const terms = Array.from(prelude.matchAll(/\((min|max)-width:\s*([^)]*)\)/g));
-  if (terms.length === 0) return null;
-  let lo = 0;
-  let hi = Infinity;
-  for (const term of terms) {
-    const px = parsePxLength(term[2]);
-    if (px === null) return null;
-    if (term[1] === "min") {
-      lo = Math.max(lo, px);
-    } else {
-      hi = Math.min(hi, px);
+
+// src/plugin/truss-css.ts
+var RULE_ANNOTATION_RE = /^\/\* @truss p:([\d.]+) c:(\S+) \*\/$/;
+var PROPERTY_ANNOTATION_RE = /^\/\* @truss @property \*\/$/;
+var ARBITRARY_START_RE = /^\/\* @truss arbitrary:start \*\/$/;
+var ARBITRARY_END_RE = /^\/\* @truss arbitrary:end \*\/$/;
+var PROPERTY_VAR_RE = /^@property\s+(--\S+)/;
+function parseTrussCss(cssText) {
+  const lines = cssText.split("\n");
+  const rules = [];
+  const properties = [];
+  const arbitraryCssBlocks = [];
+  let i = 0;
+  function takeAnnotatedLine() {
+    i++;
+    while (i < lines.length && lines[i].trim() === "") i++;
+    return i < lines.length ? lines[i].trim() : null;
+  }
+  while (i < lines.length) {
+    const line = lines[i].trim();
+    const ruleMatch = RULE_ANNOTATION_RE.exec(line);
+    if (ruleMatch) {
+      const cssText2 = takeAnnotatedLine();
+      if (cssText2 !== null) {
+        rules.push({ priority: parseFloat(ruleMatch[1]), className: ruleMatch[2], cssText: cssText2 });
+      }
+      i++;
+      continue;
     }
+    if (PROPERTY_ANNOTATION_RE.test(line)) {
+      const propLine = takeAnnotatedLine();
+      const varMatch = propLine === null ? null : PROPERTY_VAR_RE.exec(propLine);
+      if (propLine !== null && varMatch) {
+        properties.push({ cssText: propLine, varName: varMatch[1] });
+      }
+      i++;
+      continue;
+    }
+    if (ARBITRARY_START_RE.test(line)) {
+      i++;
+      const blockLines = [];
+      while (i < lines.length && !ARBITRARY_END_RE.test(lines[i].trim())) {
+        blockLines.push(lines[i]);
+        i++;
+      }
+      const blockText = blockLines.join("\n").trim();
+      if (blockText.length > 0) {
+        arbitraryCssBlocks.push({ cssText: blockText });
+      }
+      if (i < lines.length && ARBITRARY_END_RE.test(lines[i].trim())) {
+        i++;
+      }
+      continue;
+    }
+    i++;
   }
-  return { lo, hi };
+  return { rules, properties, arbitraryCssBlocks };
 }
-function parsePxLength(value) {
-  const match = value.trim().match(/^(\d+(?:\.\d+)?)(px)?$/);
-  if (!match) return null;
-  if (match[2] === void 0 && Number(match[1]) !== 0) return null;
-  return Number(match[1]);
+function serializeTrussCss(css) {
+  const lines = [];
+  for (const rule of css.rules) {
+    lines.push(`/* @truss p:${rule.priority} c:${rule.className} */`, rule.cssText);
+  }
+  for (const prop of css.properties) {
+    lines.push(`/* @truss @property */`, prop.cssText);
+  }
+  for (const block of css.arbitraryCssBlocks) {
+    lines.push(annotateArbitraryCssBlock(block.cssText));
+  }
+  return lines.join("\n");
 }
-function compareWidthIntervals(a, b) {
-  if (a === null || b === null) {
-    return (a === null ? 1 : 0) - (b === null ? 1 : 0);
+function annotateArbitraryCssBlock(cssText) {
+  const trimmed = cssText.trim();
+  if (trimmed.length === 0) {
+    return "";
   }
-  const widthA = a.hi - a.lo;
-  const widthB = b.hi - b.lo;
-  if (widthA !== widthB) return widthA > widthB ? -1 : 1;
-  return a.lo - b.lo;
+  return ["/* @truss arbitrary:start */", trimmed, "/* @truss arbitrary:end */"].join("\n");
 }
 
 // src/plugin/emit-css.ts
@@ -2538,22 +2635,28 @@ function whenSelectorFor(whenPseudo) {
     pseudo: whenPseudo.pseudo
   };
 }
-function generateCssText(rules) {
+function generateCssData(rules) {
   const sorted = sortRulesByPriority(rules.values());
-  const lines = [];
-  for (const { rule, priority } of sorted) {
-    lines.push(`/* @truss p:${priority} c:${rule.className} */`);
-    lines.push(formatRule(rule));
-  }
+  const css = {
+    rules: sorted.map((entry) => ({
+      priority: entry.priority,
+      className: entry.rule.className,
+      cssText: formatRule(entry.rule)
+    })),
+    properties: [],
+    arbitraryCssBlocks: []
+  };
   for (const { rule } of sorted) {
     for (const declaration of rule.declarations) {
       if (declaration.cssVarName) {
-        lines.push(`/* @truss @property */`);
-        lines.push(`@property ${declaration.cssVarName} { syntax: "*"; inherits: false; }`);
+        css.properties.push({
+          varName: declaration.cssVarName,
+          cssText: `@property ${declaration.cssVarName} { syntax: "*"; inherits: false; }`
+        });
       }
     }
   }
-  return lines.join("\n");
+  return css;
 }
 function formatRule(rule) {
   const duplicateClassName = !!rule.mediaQuery;
@@ -2798,6 +2901,38 @@ ${body}
 import * as t15 from "@babel/types";
 import { basename } from "path";
 
+// src/plugin/test-css.ts
+import { parse as parse2 } from "css-tree";
+function createTestCssPayload(css) {
+  const payload = {};
+  if (css.rules.length > 0) {
+    payload.rules = css.rules.map((rule) => {
+      const atRule = atRulePrelude(rule.cssText);
+      return { ...rule, ...atRule === void 0 ? {} : { atRule } };
+    });
+  }
+  if (css.properties.length > 0) payload.properties = css.properties;
+  const arbitraryRules = css.arbitraryCssBlocks.flatMap((block) => splitArbitraryCss(block.cssText));
+  if (arbitraryRules.length > 0) payload.arbitraryRules = arbitraryRules;
+  return payload;
+}
+function splitArbitraryCss(cssText) {
+  const root = parse2(cssText, {
+    context: "stylesheet",
+    positions: true,
+    parseRulePrelude: false,
+    parseAtrulePrelude: false,
+    parseValue: false
+  });
+  const rules = [];
+  root.children.forEach((node) => {
+    if (node.type === "Rule" || node.type === "Atrule") {
+      rules.push(cssText.slice(node.loc.start.offset, node.loc.end.offset));
+    }
+  });
+  return rules;
+}
+
 // src/plugin/emit-style-hash.ts
 import * as t13 from "@babel/types";
 function buildStyleHashProperties(segments, mapping, maybeIncHelperName, maybeCssVarHelperName) {
@@ -3264,7 +3399,8 @@ function transformTruss(code, filename, mapping, options = {}) {
   if (sites.length === 0 && !hasCssPropsCall && !hasBuildtimeJsxCssAttribute) return null;
   const chains = sites.map((s) => s.resolvedChain);
   const { rules, needsMaybeInc, needsMaybeCssVar } = collectAtomicRules(chains, mapping);
-  const cssText = generateCssText(rules);
+  const cssData = generateCssData(rules);
+  const cssText = serializeTrussCss(cssData);
   const runtime = createRuntimeHelpers(ast, usedTopLevelNames);
   const maybeIncHelperName = needsMaybeInc ? reservePreferredName(usedTopLevelNames, "__maybeInc") : null;
   const maybeCssVarHelperName = needsMaybeCssVar ? runtime.use("maybeCssVar") : null;
@@ -3310,7 +3446,9 @@ function transformTruss(code, filename, mapping, options = {}) {
   }
   if (options.injectCss && cssText.length > 0) {
     declarationsToInsert.push(
-      t15.expressionStatement(t15.callExpression(t15.identifier("__injectTrussCSS"), [t15.stringLiteral(cssText)]))
+      t15.expressionStatement(
+        t15.callExpression(t15.identifier("__injectTrussCSS"), [t15.valueToNode(createTestCssPayload(cssData))])
+      )
     );
   }
   for (const { message, line } of errorMessages) {
@@ -3429,74 +3567,11 @@ function findLastImportLine(lines) {
 
 // src/plugin/merge-css.ts
 import { readFileSync as readFileSync2 } from "fs";
-var RULE_ANNOTATION_RE = /^\/\* @truss p:([\d.]+) c:(\S+) \*\/$/;
-var PROPERTY_ANNOTATION_RE = /^\/\* @truss @property \*\/$/;
-var ARBITRARY_START_RE = /^\/\* @truss arbitrary:start \*\/$/;
-var ARBITRARY_END_RE = /^\/\* @truss arbitrary:end \*\/$/;
-var PROPERTY_VAR_RE = /^@property\s+(--\S+)/;
-function parseTrussCss(cssText) {
-  const lines = cssText.split("\n");
-  const rules = [];
-  const properties = [];
-  const arbitraryCssBlocks = [];
-  let i = 0;
-  function takeAnnotatedLine() {
-    i++;
-    while (i < lines.length && lines[i].trim() === "") i++;
-    return i < lines.length ? lines[i].trim() : null;
-  }
-  while (i < lines.length) {
-    const line = lines[i].trim();
-    const ruleMatch = RULE_ANNOTATION_RE.exec(line);
-    if (ruleMatch) {
-      const cssText2 = takeAnnotatedLine();
-      if (cssText2 !== null) {
-        rules.push({ priority: parseFloat(ruleMatch[1]), className: ruleMatch[2], cssText: cssText2 });
-      }
-      i++;
-      continue;
-    }
-    if (PROPERTY_ANNOTATION_RE.test(line)) {
-      const propLine = takeAnnotatedLine();
-      const varMatch = propLine === null ? null : PROPERTY_VAR_RE.exec(propLine);
-      if (propLine !== null && varMatch) {
-        properties.push({ cssText: propLine, varName: varMatch[1] });
-      }
-      i++;
-      continue;
-    }
-    if (ARBITRARY_START_RE.test(line)) {
-      i++;
-      const blockLines = [];
-      while (i < lines.length && !ARBITRARY_END_RE.test(lines[i].trim())) {
-        blockLines.push(lines[i]);
-        i++;
-      }
-      const blockText = blockLines.join("\n").trim();
-      if (blockText.length > 0) {
-        arbitraryCssBlocks.push({ cssText: blockText });
-      }
-      if (i < lines.length && ARBITRARY_END_RE.test(lines[i].trim())) {
-        i++;
-      }
-      continue;
-    }
-    i++;
-  }
-  return { rules, properties, arbitraryCssBlocks };
-}
 function readTrussCss(filePath) {
   const content = readFileSync2(filePath, "utf8");
   return parseTrussCss(content);
 }
-function annotateArbitraryCssBlock(cssText) {
-  const trimmed = cssText.trim();
-  if (trimmed.length === 0) {
-    return "";
-  }
-  return ["/* @truss arbitrary:start */", trimmed, "/* @truss arbitrary:end */"].join("\n");
-}
-function mergeTrussCss(sources) {
+function mergeTrussCssData(sources) {
   const seenClasses = /* @__PURE__ */ new Set();
   const allRules = [];
   const seenProperties = /* @__PURE__ */ new Set();
@@ -3521,24 +3596,11 @@ function mergeTrussCss(sources) {
     return { rule, key: ruleSortKey(rule.priority, rule.className, atRulePrelude(rule.cssText)) };
   });
   decorated.sort((a, b) => compareRuleSortKeys(a.key, b.key));
-  const lines = [];
-  for (const entry of decorated) {
-    lines.push(`/* @truss p:${entry.rule.priority} c:${entry.rule.className} */`);
-    lines.push(entry.rule.cssText);
-  }
-  for (const prop of allProperties) {
-    lines.push(`/* @truss @property */`);
-    lines.push(prop.cssText);
-  }
-  for (const block of allArbitraryCssBlocks) {
-    lines.push(annotateArbitraryCssBlock(block.cssText));
-  }
-  return lines.join("\n");
-}
-function atRulePrelude(cssText) {
-  if (!cssText.startsWith("@")) return void 0;
-  const brace = cssText.indexOf("{");
-  return brace === -1 ? void 0 : cssText.slice(0, brace).trim();
+  return {
+    rules: decorated.map((entry) => entry.rule),
+    properties: allProperties,
+    arbitraryCssBlocks: allArbitraryCssBlocks
+  };
 }
 
 // src/plugin/transform-session.ts
@@ -3569,6 +3631,7 @@ function createTrussTransformSession(options) {
     libraryCache = null;
   }
   function updateArbitraryCssRegistry(sourcePath, sourceCode) {
+    sourcePath = resolve2(sourcePath).replace(/\\/g, "/");
     const css = transformCssTs(sourceCode, sourcePath, ensureMapping()).trim();
     if (css.length > 0) {
       const prev = arbitraryCssRegistry.get(sourcePath);
@@ -3597,12 +3660,11 @@ function createTrussTransformSession(options) {
   }
   function collectCss() {
     const mapping2 = ensureMapping();
-    const appCssParts = [generateCssText(cssRegistry)];
-    const allArbitrary = Array.from(arbitraryCssRegistry.values()).join("\n\n");
-    appCssParts.push(annotateArbitraryCssBlock(allArbitrary));
-    const appCss = appCssParts.filter((part) => part.length > 0).join("\n");
+    const appCss = generateCssData(cssRegistry);
+    const allArbitrary = Array.from(arbitraryCssRegistry.entries()).sort((a, b) => compareClassNames(a[0], b[0])).map((entry) => entry[1]).join("\n\n");
+    if (allArbitrary.length > 0) appCss.arbitraryCssBlocks.push({ cssText: allArbitrary });
     const libs = loadLibraries();
-    const body = libs.length === 0 ? appCss : mergeTrussCss([...libs, parseTrussCss(appCss)]);
+    const body = serializeTrussCss(libs.length === 0 ? appCss : mergeTrussCssData([...libs, appCss]));
     if (body.length === 0) return "";
     return `${rootSpacingPreludeCss(mapping2.increment)}
 ${body}`;
@@ -3610,8 +3672,16 @@ ${body}`;
   function hasCss() {
     return cssRegistry.size > 0 || arbitraryCssRegistry.size > 0 || libraryPaths.length > 0;
   }
+  function collectTestCss() {
+    return createTestCssPayload(mergeTrussCssData(loadLibraries()));
+  }
+  function getArbitraryCss(sourcePath) {
+    return arbitraryCssRegistry.get(resolve2(sourcePath).replace(/\\/g, "/")) ?? "";
+  }
   return {
     collectCss,
+    collectTestCss,
+    getArbitraryCss,
     ensureMapping,
     hasCss,
     reset,
@@ -3620,6 +3690,9 @@ ${body}`;
   };
 }
 
+// src/plugin/index.ts
+import * as t16 from "@babel/types";
+
 // src/plugin/esbuild-plugin.ts
 import { readFileSync as readFileSync3, writeFileSync, mkdirSync } from "fs";
 import { resolve as resolve3, join } from "path";
@@ -3667,7 +3740,10 @@ function loaderForPath(filePath) {
 
 // src/plugin/index.ts
 var VIRTUAL_CSS_PREFIX = "\0truss-css:";
+var VIRTUAL_TEST_CSS_PREFIX = "\0truss-test-css:";
 var CSS_TS_QUERY = "?truss-css";
+var RUNTIME_MODULE2 = "@homebound/truss/runtime";
+var INJECT_CSS_HELPER = "__injectTrussCSS";
 var TRUSS_CSS_PLACEHOLDER = "__TRUSS_CSS_HASH__";
 var VIRTUAL_CSS_ENDPOINT = "/virtual:truss.css";
 var VIRTUAL_RUNTIME_ID = "virtual:truss:runtime";
@@ -3756,6 +3832,7 @@ function trussPlugin(opts) {
       if (!source.endsWith(CSS_TS_QUERY)) return null;
       const absolutePath = resolveImportPath(source.slice(0, -CSS_TS_QUERY.length), importer, projectRoot);
       if (!existsSync2(absolutePath)) return null;
+      if (isTest) return VIRTUAL_TEST_CSS_PREFIX + absolutePath;
       return VIRTUAL_CSS_PREFIX + absolutePath.slice(0, -3);
     },
     load(id) {
@@ -3789,11 +3866,30 @@ function trussPlugin(opts) {
 `;
       }
       if (id === RESOLVED_VIRTUAL_TEST_CSS_ID) {
-        const css = session.collectCss();
+        const payload = {
+          ...session.collectTestCss(),
+          source: "libraries",
+          order: 0,
+          prelude: rootSpacingPreludeCss(session.ensureMapping().increment)
+        };
         return `
 import { __injectTrussCSS } from "@homebound/truss/runtime";
 
-__injectTrussCSS(${JSON.stringify(css)});
+__injectTrussCSS(${JSON.stringify(payload)});
+`;
+      }
+      if (id.startsWith(VIRTUAL_TEST_CSS_PREFIX)) {
+        const sourcePath2 = canonicalSourcePath(id.slice(VIRTUAL_TEST_CSS_PREFIX.length));
+        session.updateArbitraryCssRegistry(sourcePath2, readFileSync4(sourcePath2, "utf8"));
+        const payload = {
+          arbitraryRules: splitArbitraryCss(session.getArbitraryCss(sourcePath2)),
+          source: sourcePath2
+        };
+        return `
+import "${VIRTUAL_TEST_CSS_ID}";
+import { __injectTrussCSS } from "@homebound/truss/runtime";
+
+__injectTrussCSS(${JSON.stringify(payload)});
 `;
       }
       if (!id.startsWith(VIRTUAL_CSS_PREFIX)) return null;
@@ -3803,16 +3899,21 @@ __injectTrussCSS(${JSON.stringify(css)});
       return `/* [truss] ${sourcePath} \u2014 included via truss.css */`;
     },
     transform(code, id) {
+      if (id.startsWith(VIRTUAL_TEST_CSS_PREFIX)) return null;
       if (!/\.[cm]?[jt]sx?(\?|$)/.test(id)) return null;
       const fileId = stripQueryAndHash(id);
       if (isNodeModulesFile(fileId)) return null;
       const rewrittenImports = rewriteCssTsImports(code, id);
-      const shouldBootstrapTestCss = isTest && libraryPaths.length > 0;
+      const shouldBootstrapTestCss = isTest;
       const transformedCode = shouldBootstrapTestCss ? `${rewrittenImports.code}
 import "${VIRTUAL_TEST_CSS_ID}";` : rewrittenImports.code;
       const importsOnlyResult = rewrittenImports.changed || shouldBootstrapTestCss ? { code: transformedCode, map: null } : null;
       if (fileId.endsWith(".css.ts")) {
         session.updateArbitraryCssRegistry(fileId, code);
+        if (isTest) {
+          const css = session.getArbitraryCss(fileId);
+          return { code: appendTestCssInjection(transformedCode, fileId, css), map: null };
+        }
         return importsOnlyResult;
       }
       const hasCssDsl = rewrittenImports.code.includes("Css") || rewrittenImports.code.includes("css=");
@@ -3873,6 +3974,30 @@ function stripQueryAndHash(id) {
 function isNodeModulesFile(filePath) {
   return filePath.replace(/\\/g, "/").includes("/node_modules/");
 }
+function canonicalSourcePath(filePath) {
+  return resolve4(filePath).replace(/\\/g, "/");
+}
+function appendTestCssInjection(code, fileId, css) {
+  const ast = parseModule(code, fileId);
+  let usedTopLevelNames = /* @__PURE__ */ new Set();
+  traverse(ast, {
+    Program(path) {
+      usedTopLevelNames = new Set(Object.keys(path.scope.bindings));
+      path.stop();
+    }
+  });
+  const existing = findNamedImportBinding(ast, INJECT_CSS_HELPER, RUNTIME_MODULE2);
+  const localName = existing ?? reservePreferredName(usedTopLevelNames, INJECT_CSS_HELPER);
+  if (!existing) upsertNamedImports(ast, RUNTIME_MODULE2, [{ importedName: INJECT_CSS_HELPER, localName }]);
+  ast.program.body.push(
+    t16.expressionStatement(
+      t16.callExpression(t16.identifier(localName), [
+        t16.valueToNode({ arbitraryRules: splitArbitraryCss(css), source: canonicalSourcePath(fileId) })
+      ])
+    )
+  );
+  return generate(ast, { sourceFileName: fileId }).code;
+}
 export {
   loadMapping,
   trussEsbuildPlugin,