diff --git a/.changeset/core-deps.md b/.changeset/core-deps.md
new file mode 100644
index 00000000..f5839c8a
--- /dev/null
+++ b/.changeset/core-deps.md
@@ -0,0 +1,5 @@
+---
+'@crackle/core': patch
+---
+
+Update Vite plugin for Vanilla Extract
diff --git a/fixtures/braid-design-system b/fixtures/braid-design-system
index 8b7e348f..58ae7818 160000
--- a/fixtures/braid-design-system
+++ b/fixtures/braid-design-system
@@ -1 +1 @@
-Subproject commit 8b7e348fe35c2765571a5b88ea7d92d991d41f73
+Subproject commit 58ae781893e735213407505036c73c1bdaa7787f
diff --git a/packages/core/package.json b/packages/core/package.json
index 90f90b42..1e6ac548 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -128,8 +128,8 @@
     "@crackle/router": "^0.4.1",
     "@ungap/structured-clone": "^1.2.0",
     "@vanilla-extract/css": "^1.14.0",
-    "@vanilla-extract/integration": "^6.2.4",
-    "@vanilla-extract/vite-plugin": "^3.9.2",
+    "@vanilla-extract/integration": "^7.0.0",
+    "@vanilla-extract/vite-plugin": "^4.0.3",
     "@vitejs/plugin-react-swc": "^3.5.0",
     "@vocab/webpack": "^1.2.5",
     "builtin-modules": "^3.3.0",
diff --git a/packages/core/src/package-utils/bundle.ts b/packages/core/src/package-utils/bundle.ts
index 375dc0af..f243f905 100644
--- a/packages/core/src/package-utils/bundle.ts
+++ b/packages/core/src/package-utils/bundle.ts
@@ -2,6 +2,7 @@ import fs from 'fs';
 import path from 'path';
 
 import { cssFileFilter as vanillaCssFileFilter } from '@vanilla-extract/integration';
+import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin';
 import fse from 'fs-extra';
 import type { Rollup } from 'vite';
 
@@ -9,7 +10,6 @@ import type { EnhancedConfig } from '../config';
 import { sideEffectsDir, srcDir, stylesDir } from '../constants';
 import { logger } from '../entries/logger';
 import { externals } from '../plugins/rollup/externals';
-import { addVanillaDebugIds } from '../plugins/rollup/vanilla-extract-debug-ids';
 import {
   isVocabFile,
   vocabTranslations,
@@ -110,7 +110,10 @@ export const createBundle = async (
     plugins: [
       // because we don't know ahead of time what the output format will be, we always patch imports
       externals(config, 'esm'),
-      addVanillaDebugIds(config),
+      vanillaExtractPlugin({
+        identifiers: 'debug',
+        unstable_mode: 'transform',
+      }),
       vocabTranslations(config, { toDistPath: getVocabPath }),
     ],
     logLevel: 'warn',
diff --git a/packages/core/src/plugins/rollup/vanilla-extract-debug-ids.ts b/packages/core/src/plugins/rollup/vanilla-extract-debug-ids.ts
deleted file mode 100644
index 6c907e9c..00000000
--- a/packages/core/src/plugins/rollup/vanilla-extract-debug-ids.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import path from 'path';
-
-import { cssFileFilter, transform } from '@vanilla-extract/integration';
-import type { Plugin } from 'rollup';
-
-import type { EnhancedConfig } from '../../config';
-
-export const addVanillaDebugIds = (config: EnhancedConfig): Plugin => ({
-  name: 'crackle:vanilla-extract-debug-ids',
-  async transform(code, id) {
-    if (!cssFileFilter.test(id)) {
-      return;
-    }
-
-    const result = await transform({
-      source: code,
-      filePath: id,
-      rootPath: config.root,
-      packageName: path.basename(config.root),
-      identOption: 'debug',
-    });
-
-    return result;
-  },
-});
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ae54c90e..bc9b43f3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -88,7 +88,7 @@ importers:
         version: 1.14.0
       braid-design-system:
         specifier: ^32.0.0
-        version: 32.14.2(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+        version: 32.16.0(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
       react:
         specifier: ^18.2.0
         version: 18.2.0
@@ -162,7 +162,7 @@ importers:
         version: 1.14.0
       braid-design-system:
         specifier: ^32.0.0
-        version: 32.14.2(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+        version: 32.16.0(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
       lodash:
         specifier: ^4.17.21
         version: 4.17.21
@@ -193,7 +193,7 @@ importers:
     dependencies:
       braid-design-system:
         specifier: ^32.0.0
-        version: 32.14.2(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+        version: 32.16.0(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
       react:
         specifier: ^18.2.0
         version: 18.2.0
@@ -247,7 +247,7 @@ importers:
         version: 1.14.0
       braid-design-system:
         specifier: ^32.0.0
-        version: 32.14.2(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
+        version: 32.16.0(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0)
       react:
         specifier: ^18.2.0
         version: 18.2.0
@@ -405,11 +405,11 @@ importers:
         specifier: ^1.14.0
         version: 1.14.0
       '@vanilla-extract/integration':
-        specifier: ^6.2.4
-        version: 6.2.4(@types/node@20.10.8)
+        specifier: ^7.0.0
+        version: 7.0.0(@types/node@20.10.8)
       '@vanilla-extract/vite-plugin':
-        specifier: ^3.9.2
-        version: 3.9.3(@types/node@20.10.8)(vite@5.0.11)
+        specifier: ^4.0.3
+        version: 4.0.3(@types/node@20.10.8)(vite@5.0.11)
       '@vitejs/plugin-react-swc':
         specifier: ^3.5.0
         version: 3.5.0(vite@5.0.11)
@@ -1046,15 +1046,6 @@ packages:
     resolution: {integrity: sha512-zUYcqaR0rv4TYXyY97G1vRMMOyz+3EteXqLsM1XO/N8LnThwR1wYSE5cU15CUx3KPAiAEIbUZ13B7+plxYjHUA==}
     dev: false
 
-  /@capsizecss/vanilla-extract@1.0.0(@vanilla-extract/css@1.14.0):
-    resolution: {integrity: sha512-/cY34CgCAmuf6SmpgPXmDJaIdJOaRe37MsoeZIeZme4k0F0HFts+poTxq4m8UtBH7LRxpUkfUHDoRO9OYjjVBg==}
-    peerDependencies:
-      '@vanilla-extract/css': ^1.2.1
-    dependencies:
-      '@capsizecss/core': 3.1.1
-      '@vanilla-extract/css': 1.14.0
-    dev: false
-
   /@changesets/apply-release-plan@7.0.0:
     resolution: {integrity: sha512-vfi69JR416qC9hWmFGSxj7N6wA5J222XNBmezSVATPWDVPIF7gkd4d8CpbEbXmRWbVrkoli3oerGS6dcL/BGsQ==}
     dependencies:
@@ -1300,8 +1291,8 @@ packages:
       '@crackle/router': 0.4.1(react-dom@18.2.0)(react@18.2.0)
       '@ungap/structured-clone': 1.2.0
       '@vanilla-extract/css': 1.14.0
-      '@vanilla-extract/integration': 6.2.4(@types/node@20.10.8)
-      '@vanilla-extract/vite-plugin': 3.9.3(@types/node@20.10.8)(vite@5.0.11)
+      '@vanilla-extract/integration': 6.2.4
+      '@vanilla-extract/vite-plugin': 3.9.3(vite@5.0.11)
       '@vitejs/plugin-react-swc': 3.5.0(vite@5.0.11)
       '@vocab/webpack': 1.2.6(webpack@5.89.0)
       builtin-modules: 3.3.0
@@ -3202,8 +3193,8 @@ packages:
   /@ungap/structured-clone@1.2.0:
     resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
 
-  /@vanilla-extract/babel-plugin-debug-ids@1.0.3:
-    resolution: {integrity: sha512-vm4jYu1xhSa6ofQ9AhIpR3DkAp4c+eoR1Rpm8/TQI4DmWbmGbOjYRcqV0aWsfaIlNhN4kFuxFMKBNN9oG6iRzA==}
+  /@vanilla-extract/babel-plugin-debug-ids@1.0.4:
+    resolution: {integrity: sha512-mevYcVMwsT6960xnXRw/Rr2K7SOEwzwVBApg/2SJ3eg2KGsHfj1rN0oQ12WdoTT3RzThq+0551bVQKPvQnjeaA==}
     dependencies:
       '@babel/core': 7.23.7
     transitivePeerDependencies:
@@ -3236,12 +3227,12 @@ packages:
       '@vanilla-extract/private': 1.0.3
     dev: false
 
-  /@vanilla-extract/integration@6.2.4(@types/node@20.10.8):
+  /@vanilla-extract/integration@6.2.4:
     resolution: {integrity: sha512-+AfymNMVq9sEUe0OJpdCokmPZg4Zi6CqKaW/PnUOfDwEn53ighHOMOBl5hAgxYR8Kiz9NG43Bn00mkjWlFi+ng==}
     dependencies:
       '@babel/core': 7.23.7
       '@babel/plugin-syntax-typescript': 7.23.3(@babel/core@7.23.7)
-      '@vanilla-extract/babel-plugin-debug-ids': 1.0.3
+      '@vanilla-extract/babel-plugin-debug-ids': 1.0.4
       '@vanilla-extract/css': 1.14.0
       esbuild: 0.17.6
       eval: 0.1.8
@@ -3250,8 +3241,35 @@ packages:
       lodash: 4.17.21
       mlly: 1.4.2
       outdent: 0.8.0
-      vite: 4.5.1(@types/node@20.10.8)
-      vite-node: 0.28.5(@types/node@20.10.8)
+      vite: 4.5.1
+      vite-node: 0.28.5
+    transitivePeerDependencies:
+      - '@types/node'
+      - less
+      - lightningcss
+      - sass
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+    dev: false
+
+  /@vanilla-extract/integration@7.0.0(@types/node@20.10.8):
+    resolution: {integrity: sha512-j5CV/5kUMWcvr6UjnJAsZ/DHr1JsL6+y6KyVvXD7kqvRpIy6IxD882ARcpvKyIcEYDmCo0XVQ4+dTr3LnsYEnQ==}
+    dependencies:
+      '@babel/core': 7.23.7
+      '@babel/plugin-syntax-typescript': 7.23.3(@babel/core@7.23.7)
+      '@vanilla-extract/babel-plugin-debug-ids': 1.0.4
+      '@vanilla-extract/css': 1.14.0
+      esbuild: 0.19.11
+      eval: 0.1.8
+      find-up: 5.0.0
+      javascript-stringify: 2.1.0
+      lodash: 4.17.21
+      mlly: 1.4.2
+      outdent: 0.8.0
+      vite: 5.0.11(@types/node@20.10.8)
+      vite-node: 1.2.1(@types/node@20.10.8)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -3275,12 +3293,12 @@ packages:
       '@vanilla-extract/css': 1.14.0
     dev: false
 
-  /@vanilla-extract/vite-plugin@3.9.3(@types/node@20.10.8)(vite@5.0.11):
+  /@vanilla-extract/vite-plugin@3.9.3(vite@5.0.11):
     resolution: {integrity: sha512-bGyHG98OYTRs5roLRv7LDeyRnD72+vBLonk8cC9VG/xd6hsiHPPj5GyBwoKElT7DyDRfapxWLwLlhgYynrW2Fw==}
     peerDependencies:
       vite: ^2.2.3 || ^3.0.0 || ^4.0.3 || ^5.0.0
     dependencies:
-      '@vanilla-extract/integration': 6.2.4(@types/node@20.10.8)
+      '@vanilla-extract/integration': 6.2.4
       outdent: 0.8.0
       postcss: 8.4.33
       postcss-load-config: 4.0.2(postcss@8.4.33)
@@ -3297,6 +3315,24 @@ packages:
       - ts-node
     dev: false
 
+  /@vanilla-extract/vite-plugin@4.0.3(@types/node@20.10.8)(vite@5.0.11):
+    resolution: {integrity: sha512-dosZKbS5hnn8K0KlFd6LqwsEzcUphImHUpDKG3hHmqKZOkurwXCqcg06qFkb0rnW72v6W/QoUXNxxjw5YhdNqg==}
+    peerDependencies:
+      vite: ^4.0.3 || ^5.0.0
+    dependencies:
+      '@vanilla-extract/integration': 7.0.0(@types/node@20.10.8)
+      vite: 5.0.11(@types/node@20.10.8)
+    transitivePeerDependencies:
+      - '@types/node'
+      - less
+      - lightningcss
+      - sass
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+    dev: false
+
   /@vitejs/plugin-react-swc@3.5.0(vite@5.0.11):
     resolution: {integrity: sha512-1PrOvAaDpqlCV+Up8RkAh9qaiUjoDUcjtttyhXDKw53XA6Ve16SOp6cCOpRs8Dj8DqUQs6eTW5YkLcLJjrXAig==}
     peerDependencies:
@@ -3981,8 +4017,8 @@ packages:
     dependencies:
       fill-range: 7.0.1
 
-  /braid-design-system@32.14.2(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-BHu/Mtucd7UX8Diha/mkZr+XbNbcmTIHDpw+mvrQTWYYksFqupqwz9d8uqefkl9ELsJkIzyLuhg2gxY9Fs312w==}
+  /braid-design-system@32.16.0(@types/react@18.2.47)(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-g1evDOTyOvoEHEOMLlTkl+8IL1OxYshiEde0kciIUAD6N/OWiCISqpCLdmhovMd+Yz01rU/ObyP477nAfdNPOQ==}
     hasBin: true
     peerDependencies:
       react: ^17 || ^18
@@ -3994,7 +4030,6 @@ packages:
     dependencies:
       '@capsizecss/core': 3.1.1
       '@capsizecss/metrics': 1.2.0
-      '@capsizecss/vanilla-extract': 1.0.0(@vanilla-extract/css@1.14.0)
       '@types/autosuggest-highlight': 3.2.3
       '@types/dedent': 0.7.2
       '@types/lodash': 4.14.202
@@ -4013,7 +4048,7 @@ packages:
       polished: 4.2.2
       react: 18.2.0
       react-dom: 18.2.0(react@18.2.0)
-      react-focus-lock: 2.9.6(@types/react@18.2.47)(react@18.2.0)
+      react-focus-lock: 2.9.7(@types/react@18.2.47)(react@18.2.0)
       react-is: 18.2.0
       react-popper-tooltip: 4.4.2(react-dom@18.2.0)(react@18.2.0)
       react-remove-scroll: 2.5.7(@types/react@18.2.47)(react@18.2.0)
@@ -8230,8 +8265,8 @@ packages:
     resolution: {integrity: sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ==}
     dev: false
 
-  /react-focus-lock@2.9.6(@types/react@18.2.47)(react@18.2.0):
-    resolution: {integrity: sha512-B7gYnCjHNrNYwY2juS71dHbf0+UpXXojt02svxybj8N5bxceAkzPChKEncHuratjUHkIFNCn06k2qj1DRlzTug==}
+  /react-focus-lock@2.9.7(@types/react@18.2.47)(react@18.2.0):
+    resolution: {integrity: sha512-EfhX040SELLqnQ9JftqsmQCG49iByg8F5X5m19Er+n371OaETZ35dlNPZrLOOTlnnwD4c2Zv0KDgabDTc7dPHw==}
     peerDependencies:
       '@types/react': ^16.8.0 || ^17.0.0 || ^18.0.0
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -9640,7 +9675,7 @@ packages:
     dependencies:
       loader-utils: 2.0.4
 
-  /vite-node@0.28.5(@types/node@20.10.8):
+  /vite-node@0.28.5:
     resolution: {integrity: sha512-LmXb9saMGlrMZbXTvOveJKwMTBTNUH66c8rJnQ0ZPNX+myPEol64+szRzXtV5ORb0Hb/91yq+/D3oERoyAt6LA==}
     engines: {node: '>=v14.16.0'}
     hasBin: true
@@ -9652,7 +9687,7 @@ packages:
       picocolors: 1.0.0
       source-map: 0.6.1
       source-map-support: 0.5.21
-      vite: 4.5.1(@types/node@20.10.8)
+      vite: 4.5.1
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -9685,7 +9720,28 @@ packages:
       - terser
     dev: true
 
-  /vite@4.5.1(@types/node@20.10.8):
+  /vite-node@1.2.1(@types/node@20.10.8):
+    resolution: {integrity: sha512-fNzHmQUSOY+y30naohBvSW7pPn/xn3Ib/uqm+5wAJQJiqQsU0NBR78XdRJb04l4bOFKjpTWld0XAfkKlrDbySg==}
+    engines: {node: ^18.0.0 || >=20.0.0}
+    hasBin: true
+    dependencies:
+      cac: 6.7.14
+      debug: 4.3.4
+      pathe: 1.1.1
+      picocolors: 1.0.0
+      vite: 5.0.11(@types/node@20.10.8)
+    transitivePeerDependencies:
+      - '@types/node'
+      - less
+      - lightningcss
+      - sass
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+    dev: false
+
+  /vite@4.5.1:
     resolution: {integrity: sha512-AXXFaAJ8yebyqzoNB9fu2pHoo/nWX+xZlaRwoeYUxEqBO+Zj4msE5G+BhGBll9lYEKv9Hfks52PAF2X7qDYXQA==}
     engines: {node: ^14.18.0 || >=16.0.0}
     hasBin: true
@@ -9713,7 +9769,6 @@ packages:
       terser:
         optional: true
     dependencies:
-      '@types/node': 20.10.8
       esbuild: 0.18.20
       postcss: 8.4.33
       rollup: 3.29.4
diff --git a/tests/__snapshots__/package/library-with-docs/dist/styles/components/JobSummary/styles.css.ts.snap b/tests/__snapshots__/package/library-with-docs/dist/styles/components/JobSummary/styles.css.ts.snap
index 9bde542a..654f5ebc 100644
--- a/tests/__snapshots__/package/library-with-docs/dist/styles/components/JobSummary/styles.css.ts.snap
+++ b/tests/__snapshots__/package/library-with-docs/dist/styles/components/JobSummary/styles.css.ts.snap
@@ -2,7 +2,7 @@
 "use strict";
 const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-fileScope.setFileScope("src/components/JobSummary/styles.css.ts", "library-with-docs");
+fileScope.setFileScope("src/components/JobSummary/styles.css.ts", "@crackle-fixtures/library-with-docs");
 const redBorder = css.style({
   border: "5px solid red"
 }, "redBorder");
@@ -14,7 +14,7 @@ exports.redBorder = redBorder;
 /* #region dist/styles/components/JobSummary/styles.css.mjs */
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { style } from "@vanilla-extract/css";
-setFileScope("src/components/JobSummary/styles.css.ts", "library-with-docs");
+setFileScope("src/components/JobSummary/styles.css.ts", "@crackle-fixtures/library-with-docs");
 const redBorder = style({
   border: "5px solid red"
 }, "redBorder");
diff --git a/tests/__snapshots__/package/package-preserve-dts-preserve/dist/lib/Component.css.ts.snap b/tests/__snapshots__/package/package-preserve-dts-preserve/dist/lib/Component.css.ts.snap
index d5953c89..a5dabbe7 100644
--- a/tests/__snapshots__/package/package-preserve-dts-preserve/dist/lib/Component.css.ts.snap
+++ b/tests/__snapshots__/package/package-preserve-dts-preserve/dist/lib/Component.css.ts.snap
@@ -2,7 +2,7 @@
 "use strict";
 const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-fileScope.setFileScope("src/lib/Component.css.ts", "package-preserve-dts-preserve");
+fileScope.setFileScope("src/lib/Component.css.ts", "@crackle-fixtures/package-preserve-dts-preserve");
 const redBorder = css.style({
   border: "5px solid red"
 }, "redBorder");
@@ -14,7 +14,7 @@ exports.redBorder = redBorder;
 /* #region dist/lib/Component.css.mjs */
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { style } from "@vanilla-extract/css";
-setFileScope("src/lib/Component.css.ts", "package-preserve-dts-preserve");
+setFileScope("src/lib/Component.css.ts", "@crackle-fixtures/package-preserve-dts-preserve");
 const redBorder = style({
   border: "5px solid red"
 }, "redBorder");
diff --git a/tests/__snapshots__/package/package-preserve/dist/lib/Component.css.ts.snap b/tests/__snapshots__/package/package-preserve/dist/lib/Component.css.ts.snap
index 4b2af6fd..f7026bf6 100644
--- a/tests/__snapshots__/package/package-preserve/dist/lib/Component.css.ts.snap
+++ b/tests/__snapshots__/package/package-preserve/dist/lib/Component.css.ts.snap
@@ -2,7 +2,7 @@
 "use strict";
 const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-fileScope.setFileScope("src/lib/Component.css.ts", "package-preserve");
+fileScope.setFileScope("src/lib/Component.css.ts", "@crackle-fixtures/package-preserve");
 const redBorder = css.style({
   border: "5px solid red"
 }, "redBorder");
@@ -14,7 +14,7 @@ exports.redBorder = redBorder;
 /* #region dist/lib/Component.css.mjs */
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { style } from "@vanilla-extract/css";
-setFileScope("src/lib/Component.css.ts", "package-preserve");
+setFileScope("src/lib/Component.css.ts", "@crackle-fixtures/package-preserve");
 const redBorder = style({
   border: "5px solid red"
 }, "redBorder");
diff --git a/tests/__snapshots__/package/single-entry-library/dist/styles/components/styles.css.ts.snap b/tests/__snapshots__/package/single-entry-library/dist/styles/components/styles.css.ts.snap
index 71d30619..1a00da0f 100644
--- a/tests/__snapshots__/package/single-entry-library/dist/styles/components/styles.css.ts.snap
+++ b/tests/__snapshots__/package/single-entry-library/dist/styles/components/styles.css.ts.snap
@@ -3,7 +3,7 @@
 const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
 const styles_components_addFn_cjs = require("./add-fn.cjs");
-fileScope.setFileScope("src/components/styles.css.ts", "single-entry-library");
+fileScope.setFileScope("src/components/styles.css.ts", "@crackle-fixtures/single-entry-library");
 const redBorder = css.style({
   border: "5px solid papayawhip",
   margin: styles_components_addFn_cjs.add(10, 5)
@@ -17,7 +17,7 @@ exports.redBorder = redBorder;
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { style } from "@vanilla-extract/css";
 import { add } from "./add-fn.mjs";
-setFileScope("src/components/styles.css.ts", "single-entry-library");
+setFileScope("src/components/styles.css.ts", "@crackle-fixtures/single-entry-library");
 const redBorder = style({
   border: "5px solid papayawhip",
   margin: add(10, 5)
diff --git a/tests/__snapshots__/package/with-side-effects/dist/styles/lib/atoms/sprinkles.css.ts.snap b/tests/__snapshots__/package/with-side-effects/dist/styles/lib/atoms/sprinkles.css.ts.snap
index 2a0c5013..5141bbc6 100644
--- a/tests/__snapshots__/package/with-side-effects/dist/styles/lib/atoms/sprinkles.css.ts.snap
+++ b/tests/__snapshots__/package/with-side-effects/dist/styles/lib/atoms/sprinkles.css.ts.snap
@@ -5,7 +5,7 @@ const css = require("@vanilla-extract/css");
 const sprinkles$1 = require("@vanilla-extract/sprinkles");
 const styles_lib_breakpoints_cjs = require("../breakpoints.cjs");
 const styles_lib_atoms_atomicProperties_cjs = require("./atomicProperties.cjs");
-fileScope.setFileScope("src/lib/atoms/sprinkles.css.ts", "with-side-effects");
+fileScope.setFileScope("src/lib/atoms/sprinkles.css.ts", "@crackle-fixtures/with-side-effects");
 css.style({}, "darkMode");
 const responsiveAtomicProperties = sprinkles$1.defineProperties({
   defaultCondition: "mobile",
@@ -43,7 +43,7 @@ import { style } from "@vanilla-extract/css";
 import { defineProperties, createSprinkles, createNormalizeValueFn, createMapValueFn } from "@vanilla-extract/sprinkles";
 import { breakpoints, breakpointNames } from "../breakpoints.mjs";
 import { responsiveProperties } from "./atomicProperties.mjs";
-setFileScope("src/lib/atoms/sprinkles.css.ts", "with-side-effects");
+setFileScope("src/lib/atoms/sprinkles.css.ts", "@crackle-fixtures/with-side-effects");
 style({}, "darkMode");
 const responsiveAtomicProperties = defineProperties({
   defaultCondition: "mobile",
diff --git a/tests/__snapshots__/package/with-side-effects/dist/styles/lib/reset/reset.css.ts.snap b/tests/__snapshots__/package/with-side-effects/dist/styles/lib/reset/reset.css.ts.snap
index 5d6e8fff..0109524d 100644
--- a/tests/__snapshots__/package/with-side-effects/dist/styles/lib/reset/reset.css.ts.snap
+++ b/tests/__snapshots__/package/with-side-effects/dist/styles/lib/reset/reset.css.ts.snap
@@ -2,7 +2,7 @@
 "use strict";
 const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-fileScope.setFileScope("src/lib/reset/reset.css.ts", "with-side-effects");
+fileScope.setFileScope("src/lib/reset/reset.css.ts", "@crackle-fixtures/with-side-effects");
 const hideFocusRingsDataAttribute = "data-braid-hidefocusrings";
 const base = css.style({
   margin: 0,
@@ -34,7 +34,7 @@ exports.element = element;
 /* #region dist/styles/lib/reset/reset.css.mjs */
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { style } from "@vanilla-extract/css";
-setFileScope("src/lib/reset/reset.css.ts", "with-side-effects");
+setFileScope("src/lib/reset/reset.css.ts", "@crackle-fixtures/with-side-effects");
 const hideFocusRingsDataAttribute = "data-braid-hidefocusrings";
 const base = style({
   margin: 0,
diff --git a/tests/__snapshots__/package/with-styles/dist/styles/Component.css.ts.snap b/tests/__snapshots__/package/with-styles/dist/styles/Component.css.ts.snap
index f3cd642b..4bc1c2e7 100644
--- a/tests/__snapshots__/package/with-styles/dist/styles/Component.css.ts.snap
+++ b/tests/__snapshots__/package/with-styles/dist/styles/Component.css.ts.snap
@@ -2,7 +2,7 @@
 "use strict";
 const fileScope = require("@vanilla-extract/css/fileScope");
 const css = require("@vanilla-extract/css");
-fileScope.setFileScope("src/Component.css.ts", "with-styles");
+fileScope.setFileScope("src/Component.css.ts", "@crackle-fixtures/with-styles");
 const redBorder = css.style({
   border: "5px solid red"
 }, "redBorder");
@@ -14,7 +14,7 @@ exports.redBorder = redBorder;
 /* #region dist/styles/Component.css.mjs */
 import { setFileScope, endFileScope } from "@vanilla-extract/css/fileScope";
 import { style } from "@vanilla-extract/css";
-setFileScope("src/Component.css.ts", "with-styles");
+setFileScope("src/Component.css.ts", "@crackle-fixtures/with-styles");
 const redBorder = style({
   border: "5px solid red"
 }, "redBorder");