diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json
index 2356126caa..96289cad15 100644
--- a/packages/tokens/tokensstudio-generated/tokens.json
+++ b/packages/tokens/tokensstudio-generated/tokens.json
@@ -383,6 +383,26 @@
             "$type": "dimension",
             "$value": "112"
           },
+          "164": {
+            "$type": "dimension",
+            "$value": "164px"
+          },
+          "180": {
+            "$type": "dimension",
+            "$value": "180px"
+          },
+          "188": {
+            "$type": "dimension",
+            "$value": "188px"
+          },
+          "240": {
+            "$type": "dimension",
+            "$value": "240px"
+          },
+          "312": {
+            "$type": "dimension",
+            "$value": "312px"
+          },
           "1280": {
             "$type": "dimension",
             "$value": "1280"
@@ -2349,6 +2369,10 @@
               "$type": "spacing",
               "$value": "{post.core.dimension.16-5}"
             },
+            "20": {
+              "$type": "spacing",
+              "$value": "{post.core.dimension.24}"
+            },
             "inline": {
               "1": {
                 "$type": "spacing",
@@ -2641,6 +2665,18 @@
               "$type": "sizing",
               "$value": "{post.core.dimension.72}"
             }
+          },
+          "content": {
+            "height": {
+              "1": {
+                "$type": "sizing",
+                "$value": "{post.core.dimension.164}"
+              },
+              "2": {
+                "$type": "sizing",
+                "$value": "{post.core.dimension.312}"
+              }
+            }
           }
         },
         "border-radius": {
@@ -2887,6 +2923,10 @@
               "$type": "spacing",
               "$value": "{post.core.dimension.15}"
             },
+            "20": {
+              "$type": "spacing",
+              "$value": "{post.core.dimension.24}"
+            },
             "block": {
               "1": {
                 "$type": "spacing",
@@ -3123,6 +3163,18 @@
               "$type": "sizing",
               "$value": "{post.core.dimension.64}"
             }
+          },
+          "content": {
+            "height": {
+              "1": {
+                "$type": "sizing",
+                "$value": "{post.core.dimension.180}"
+              },
+              "2": {
+                "$type": "sizing",
+                "$value": "{post.core.dimension.240}"
+              }
+            }
           }
         },
         "font-weight": {
@@ -3349,6 +3401,10 @@
               "$type": "spacing",
               "$value": "{post.core.dimension.11}"
             },
+            "20": {
+              "$type": "spacing",
+              "$value": "{post.core.dimension.16}"
+            },
             "inline": {
               "5": {
                 "$type": "spacing",
@@ -3573,6 +3629,14 @@
               "$type": "sizing",
               "$value": "{post.core.dimension.56}"
             }
+          },
+          "content": {
+            "height": {
+              "2": {
+                "$type": "sizing",
+                "$value": "{post.core.dimension.188}"
+              }
+            }
           }
         },
         "font-weight": {
@@ -7725,6 +7789,104 @@
       }
     }
   },
+  "Components/Teaser": {
+    "post": {
+      "teaser": {
+        "card": {
+          "sm": {
+            "image": {
+              "height": {
+                "$type": "sizing",
+                "$value": "{post.device.sizing.content.height.1}"
+              }
+            },
+            "section": {
+              "content": {
+                "padding": {
+                  "$type": "spacing",
+                  "$value": "{post.device.spacing.padding.5}"
+                },
+                "gap": {
+                  "$type": "spacing",
+                  "$value": "{post.device.spacing.gap.7}"
+                }
+              }
+            },
+            "heading": {
+              "font-size": {
+                "$type": "fontSizes",
+                "$value": "{post.device.font-size.5}"
+              }
+            },
+            "content": {
+              "gap": {
+                "$type": "spacing",
+                "$value": "{post.core.dimension.6}"
+              }
+            }
+          },
+          "lg": {
+            "image": {
+              "height": {
+                "$type": "sizing",
+                "$value": "{post.device.sizing.content.height.2}"
+              }
+            },
+            "section": {
+              "content": {
+                "padding": {
+                  "$type": "spacing",
+                  "$value": "{post.device.spacing.padding.20}"
+                },
+                "gap": {
+                  "$type": "spacing",
+                  "$value": "{post.core.dimension.24}"
+                }
+              }
+            },
+            "heading": {
+              "font-size": {
+                "$type": "fontSizes",
+                "$value": "{post.device.font-size.4}"
+              }
+            },
+            "content": {
+              "gap": {
+                "$type": "spacing",
+                "$value": "{post.device.spacing.gap.block.3}"
+              }
+            }
+          },
+          "elevation": {
+            "$type": "boxShadow",
+            "$value": "{post.device.elevation.200}"
+          },
+          "border": {
+            "radius": {
+              "$type": "borderRadius",
+              "$value": "{post.device.border-radius.2}"
+            }
+          },
+          "enabled-bg": {
+            "$type": "color",
+            "$value": "{post.scheme.color.interactive.primary.enabled.bg1}"
+          },
+          "content": {
+            "color": {
+              "enabled-fg": {
+                "$type": "color",
+                "$value": "{post.scheme.color.interactive.primary.enabled.fg1}"
+              },
+              "hover-fg": {
+                "$type": "color",
+                "$value": "{post.scheme.color.interactive.primary.hover.fg1}"
+              }
+            }
+          }
+        }
+      }
+    }
+  },
   "Components/Validation": {
     "post": {
       "validation": {
@@ -8689,7 +8851,8 @@
         "post.core.elevation.5": "S:abb94bfe7966ae2690516196d25db0b65df759e2,"
       },
       "selectedTokenSets": {
-        "core": "enabled"
+        "core": "enabled",
+        "Components/Teaser": "disabled"
       },
       "$figmaCollectionId": "VariableCollectionId:718:1595",
       "$figmaModeId": "718:0",
@@ -8826,7 +8989,8 @@
       "$figmaStyleReferences": {},
       "selectedTokenSets": {
         "core": "source",
-        "Scheme/Light": "enabled"
+        "Scheme/Light": "enabled",
+        "Components/Teaser": "disabled"
       },
       "group": "Scheme",
       "$figmaCollectionId": "VariableCollectionId:718:1666",
@@ -8999,7 +9163,8 @@
       "selectedTokenSets": {
         "core": "source",
         "Scheme/Dark": "enabled",
-        "Scheme/Light": "enabled"
+        "Scheme/Light": "enabled",
+        "Components/Teaser": "disabled"
       },
       "$figmaCollectionId": "VariableCollectionId:718:1666",
       "$figmaModeId": "718:2",
@@ -9171,7 +9336,8 @@
       "$figmaStyleReferences": {},
       "selectedTokenSets": {
         "core": "source",
-        "Device/Desktop": "enabled"
+        "Device/Desktop": "enabled",
+        "Components/Teaser": "disabled"
       },
       "group": "Device",
       "$figmaCollectionId": "VariableCollectionId:718:1733",
@@ -9317,7 +9483,8 @@
       "selectedTokenSets": {
         "core": "source",
         "Device/Desktop": "enabled",
-        "Device/Tablet": "enabled"
+        "Device/Tablet": "enabled",
+        "Components/Teaser": "disabled"
       },
       "group": "Device",
       "$figmaCollectionId": "VariableCollectionId:718:1733",
@@ -9470,7 +9637,8 @@
         "core": "source",
         "Device/Desktop": "enabled",
         "Device/Tablet": "enabled",
-        "Device/Mobile": "enabled"
+        "Device/Mobile": "enabled",
+        "Components/Teaser": "disabled"
       },
       "group": "Device",
       "$figmaCollectionId": "VariableCollectionId:718:1733",
@@ -9621,7 +9789,8 @@
         "Device/Mobile": "source",
         "Channel/EDK": "enabled",
         "Scheme/Light": "source",
-        "Scheme/Dark": "source"
+        "Scheme/Dark": "source",
+        "Components/Teaser": "disabled"
       },
       "group": "Channel",
       "$figmaCollectionId": "VariableCollectionId:718:1734",
@@ -9642,7 +9811,8 @@
         "Channel/EDK": "enabled",
         "Channel/IDK": "enabled",
         "Scheme/Light": "source",
-        "Scheme/Dark": "source"
+        "Scheme/Dark": "source",
+        "Components/Teaser": "disabled"
       },
       "group": "Channel",
       "$figmaCollectionId": "VariableCollectionId:718:1734",
@@ -9673,7 +9843,8 @@
         "Elements/ListBullet": "enabled",
         "Elements/ListNumber": "enabled",
         "Scheme/Light": "source",
-        "Scheme/Dark": "source"
+        "Scheme/Dark": "source",
+        "Components/Teaser": "disabled"
       },
       "$figmaCollectionId": "VariableCollectionId:3180:16769",
       "$figmaModeId": "3180:1",
@@ -9744,7 +9915,8 @@
         "Theme/Post": "source",
         "Utilities/Color": "enabled",
         "Scheme/Light": "source",
-        "Scheme/Dark": "source"
+        "Scheme/Dark": "source",
+        "Components/Teaser": "disabled"
       },
       "$figmaCollectionId": "VariableCollectionId:3180:16768",
       "$figmaModeId": "3180:0",
@@ -9936,7 +10108,8 @@
         "Components/Blockquote": "enabled",
         "Components/Search input": "enabled",
         "Components/ListCheck": "enabled",
-        "Components/Assist": "enabled"
+        "Components/Assist": "enabled",
+        "Components/Teaser": "disabled"
       },
       "$figmaCollectionId": "VariableCollectionId:808:5504",
       "$figmaModeId": "808:0",
@@ -10645,7 +10818,8 @@
         "Utilities/Spacing": "source",
         "Utilities/Typo": "source",
         "Scheme/Light": "source",
-        "Scheme/Dark": "source"
+        "Scheme/Dark": "source",
+        "Components/Teaser": "disabled"
       },
       "$figmaVariableReferences": {}
     },
@@ -10662,7 +10836,8 @@
         "Channel/IDK": "source",
         "Theme/Post": "enabled",
         "Scheme/Light": "source",
-        "Scheme/Dark": "source"
+        "Scheme/Dark": "source",
+        "Components/Teaser": "disabled"
       },
       "group": "Theme",
       "$figmaCollectionId": "VariableCollectionId:4178:5613",
@@ -10696,7 +10871,8 @@
         "Theme/Post": "enabled",
         "Theme/Cargo": "enabled",
         "Scheme/Light": "source",
-        "Scheme/Dark": "source"
+        "Scheme/Dark": "source",
+        "Components/Teaser": "disabled"
       },
       "group": "Theme",
       "$figmaCollectionId": "VariableCollectionId:4178:5613",
@@ -10731,7 +10907,8 @@
         "Channel/IDK": "source",
         "Theme/Post": "source",
         "Theme/Cargo": "source",
-        "Helpers/Focus": "enabled"
+        "Helpers/Focus": "enabled",
+        "Components/Teaser": "disabled"
       },
       "group": "Helpers",
       "$figmaCollectionId": "VariableCollectionId:6402:53868",
@@ -10756,7 +10933,8 @@
         "Channel/IDK": "source",
         "Theme/Post": "source",
         "Theme/Cargo": "source",
-        "Palettes": "enabled"
+        "Palettes": "enabled",
+        "Components/Teaser": "disabled"
       },
       "$figmaVariableReferences": {
         "post.palettes.color.default.bg": "5f2f435ea49163621af38ad9798447b33aad773f",
@@ -10828,6 +11006,7 @@
       "Components/Text highlighted",
       "Components/Text input",
       "Components/Toast",
+      "Components/Teaser",
       "Components/Validation",
       "FigmaOnly",
       "Utilities/Spacing",