diff --git a/packages/build-utils-css/src/index.mjs b/packages/build-utils-css/src/index.mjs
index 9b4adc2bb4..a3e5e009ef 100755
--- a/packages/build-utils-css/src/index.mjs
+++ b/packages/build-utils-css/src/index.mjs
@@ -90,6 +90,10 @@ const buildStyles = async (config) => {
 };
 
 const buildTokens = async ({ inputFile, outputFile }) => {
+  // Ensure output directory exists
+  const outputDir = path.dirname(outputFile);
+  await mkdir(outputDir, { recursive: true });
+
   const json = JSON.parse(await readFile(inputFile, 'utf-8'));
 
   await writeFile(outputFile, `export default ${JSON.stringify(json, null, 2)};\n`);