feat: added margin to breadcrumb-nav (#2972)

Rich-text tokens

Stranger => `"value": "{utrecht.space.block.2xl}"` => 32px
Acquaintance => `"value": "{utrecht.space.block.xl}"` => 24px
Friend => `"value": "{utrecht.space.block.md}"` => 16px
Best-friend => `"value": "{utrecht.space.block.xs}"` => 8px
Confidant => `"value": 0` => 0px

[Volgens Utrecht Storybook Block
Spacing](https://nl-design-system.github.io/utrecht/storybook/?path=/docs/utrecht-design-tokens-space--docs#block-spacing)

---------

Co-authored-by: Marwa <marwahello@frameless.io>

Author: Marwaxhello

.changeset/warm-pianos-type.md

@@ -0,0 +1,6 @@
+---
+"@utrecht/breadcrumb-nav-css": minor
+"@utrecht/design-tokens": minor
+---
+
+Corrected several spacing token values and metadata in the Breadcrumb Navigation and Rich Text components.

components/breadcrumb-nav/src/_mixin.scss

@@ -41,6 +41,7 @@
   font-family: var(--utrecht-document-font-family, inherit);
   font-size: var(--utrecht-breadcrumb-nav-font-size);
   line-height: var(--utrecht-breadcrumb-nav-line-height);
+  margin-block-end: var(--utrecht-breadcrumb-nav-margin-block-end);
   text-transform: var(--utrecht-document-text-transform, inherit);
 }
 

components/breadcrumb-nav/src/tokens.json

@@ -95,6 +95,16 @@
           },
           "type": "spacing"
         },
+        "margin-block-end": {
+          "$extensions": {
+            "nl.nldesignsystem.css.property": {
+              "syntax": "<length>",
+              "inherits": true
+            },
+            "nl.nldesignsystem.figma.supports-token": false
+          },
+          "type": "spacing"
+        },
         "padding-inline-end": {
           "$extensions": {
             "nl.nldesignsystem.css.property": {

proprietary/design-tokens/src/component/utrecht/breadcrumb-nav.tokens.json

@@ -6,6 +6,9 @@
       "font-size": {
         "value": "{utrecht.typography.scale.md.font-size}"
       },
+      "margin-block-end": {
+        "value": "{utrecht.space.block.2xl}"
+      },
       "text-transform": {},
       "divider": {
         "inline-size": {

proprietary/design-tokens/src/component/utrecht/rich-text.tokens.json

@@ -5,13 +5,13 @@
         "margin-block-end": { "value": "{utrecht.space.block.2xl}" }
       },
       "acquaintance": {
-        "margin-block-end": { "value": "{utrecht.space.block.md}" }
+        "margin-block-end": { "value": "{utrecht.space.block.xl}" }
       },
       "friend": {
-        "margin-block-end": { "value": "{utrecht.space.block.xs}" }
+        "margin-block-end": { "value": "{utrecht.space.block.md}" }
       },
       "best-friend": {
-        "margin-block-end": { "value": "{utrecht.space.block.2xs}" }
+        "margin-block-end": { "value": "{utrecht.space.block.xs}" }
       },
       "confidant": {
         "margin-block-end": { "value": 0 }