diff --git a/scripts/convert-tokens.ts b/scripts/convert-tokens.ts
index 3ab7aa0a..418f51b4 100644
--- a/scripts/convert-tokens.ts
+++ b/scripts/convert-tokens.ts
@@ -191,6 +191,8 @@ StyleDictionary.registerFormat({
     const borderRadius = dictionary.allProperties.filter(
       (prop) => prop.type === 'borderRadius',
     )
+    const boxShadow = dictionary.allProperties.filter((prop) => prop.type === 'boxShadow')
+
     return `
 			/* THIS FILE IS AUTOGENERATED, DO NOT EDIT */
 
@@ -240,6 +242,19 @@ StyleDictionary.registerFormat({
           )
           .join(',')}
 			}
+
+      module.exports.elevationTokens = {
+        ${boxShadow.map(
+          ({ name, value }) =>
+            `'.${name}': {
+                'box-shadow': '${[value]
+                  .flat()
+                  .map((v) =>
+                    typeof v === 'object' ? `${v.x}px ${v.y}px ${v.blur}px ${v.color}` : v,
+                  )
+                  .join(', ')}'}`,
+        )}
+      }
 		`
   },
 })
diff --git a/styles/dist/tailwind-tokens.js b/styles/dist/tailwind-tokens.js
index 1a4ff2c5..4bd4a06c 100644
--- a/styles/dist/tailwind-tokens.js
+++ b/styles/dist/tailwind-tokens.js
@@ -937,3 +937,21 @@ module.exports.borderRadiusTokens = {
   DEFAULT: 'var(--border-radius)',
   full: 'var(--border-radius-full)',
 }
+
+module.exports.boxShadowTokens = {
+  '.elevation-0': {
+    'box-shadow': 'none',
+  },
+  '.elevation-1': {
+    'box-shadow':
+      '0px 0.656px 4.625px #00000021, 0px 3px 13px #00000033, 0px 7.594px 34.875px #00000045, 0px 15px 80px #00000066',
+  },
+  '.elevation-2': {
+    'box-shadow':
+      '0px 2.188px 4.625px #00000021, 0px 10px 13px #00000033, 0px 25.313px 34.875px #00000045, 0px 50px 80px #00000066',
+  },
+  '.elevation-3': {
+    'box-shadow':
+      '0px 4.375px 4.625px #00000021, 0px 20px 13px #00000033, 0px 50.625px 34.875px #00000045, 0px 100px 80px #00000066',
+  },
+}
diff --git a/styles/src/tokens.json b/styles/src/tokens.json
index 42f71e42..c2df98fc 100644
--- a/styles/src/tokens.json
+++ b/styles/src/tokens.json
@@ -2286,4 +2286,4 @@
       "main"
     ]
   }
-}
\ No newline at end of file
+}