fix(styles): updates gap in topic-teaser

.changeset/six-clouds-approve.md

@@ -0,0 +1,5 @@
+---
+'@swisspost/design-system-styles': patch
+---
+
+Updated and added the gaps between the title and the link-list in the `.topic-teaser-content` class to comply with the figma design.

packages/styles/src/components/topic-teaser.scss

@@ -119,10 +119,14 @@
       @include make-col($size);
     }
   }
+  @each $breakpoint, $gap in topic-teaser.$content-gap {
+    @include media-breakpoint-up($breakpoint) {
+      gap: $gap;
+    }
+  }
 
   @include media-breakpoint-up(rg) {
     flex-direction: row;
-    gap: var(--post-gutter-x);
   }
 }
 

packages/styles/src/variables/components/_topic-teaser.scss

@@ -9,6 +9,11 @@ $content-cols: (
   xl: 7,
 );
 
+$content-gap: (
+  rg: 32px,
+  xl: 40px,
+);
+
 $image-cols: (
   xs: 10,
   rg: 8,