feat: add ams-figure tokens - Voorbeeld (#1255)

Met deze PR voegen we de volgende design tokens toe voor de Figure
component van Amsterdam voor het Voorbeeld-thema:

- `ams.figure.gap`
- `ams.figure.caption.color`
- `ams.figure.caption.font-family`
- `ams.figure.caption.font-size`
- `ams.figure.caption.font-weight`
- `ams.figure.caption.line-height`
- `ams.figure.caption.inverse.color`

Author: Rozerinay

.changeset/ams-figure-tokens-voorbeeld.md

@@ -0,0 +1,13 @@
+---
+"@nl-design-system-unstable/voorbeeld-design-tokens": minor
+---
+
+De volgende tokens zijn toegevoegd aan Figure component van Amsterdam:
+
+- `ams.figure.gap`
+- `ams.figure.caption.color`
+- `ams.figure.caption.font-family`
+- `ams.figure.caption.font-size`
+- `ams.figure.caption.font-weight`
+- `ams.figure.caption.line-height`
+- `ams.figure.caption.inverse.color`

packages/voorbeeld-design-tokens/figma/voorbeeld.tokens.json

@@ -6273,7 +6273,45 @@
       }
     }
   },
-  "components/figure": {
+  "components/figure/amsterdam": {
+    "ams": {
+      "figure": {
+        "gap": {
+          "$type": "dimension",
+          "$value": "{basis.space.row.md}"
+        },
+        "caption": {
+          "color": {
+            "$type": "color",
+            "$value": "{basis.color.default.color-document}"
+          },
+          "font-family": {
+            "$type": "fontFamilies",
+            "$value": "{basis.text.font-family.default}"
+          },
+          "font-size": {
+            "$type": "fontSizes",
+            "$value": "{basis.text.font-size.md}"
+          },
+          "font-weight": {
+            "$type": "fontWeights",
+            "$value": "{basis.text.font-weight.default}"
+          },
+          "line-height": {
+            "$type": "lineHeights",
+            "$value": "{basis.text.line-height.md}"
+          },
+          "inverse": {
+            "color": {
+              "$type": "color",
+              "$value": "{basis.color.default-inverse.color-document}"
+            }
+          }
+        }
+      }
+    }
+  },
+  "components/figure/utrecht": {
     "utrecht": {
       "figure": {
         "margin-block-end": {
@@ -14065,7 +14103,8 @@
       "components/drawer/utrecht",
       "components/drawer/todo",
       "components/dot-badge",
-      "components/figure",
+      "components/figure/amsterdam",
+      "components/figure/utrecht",
       "components/file",
       "components/form-field",
       "components/form-field-checkbox-option",