feat(SW-375): new tokens

new asset generation logic

BREAKING CHANGE: New tokens.

packages/design-system/example/components/ContentPage/Hero/Hero.tsx

@@ -0,0 +1,9 @@
+import styles from './hero.module.css'
+
+export function Hero() {
+  return (
+    <div className={styles.hero}>
+      <img className={styles.image} src="/img/img1.jpg" alt="Nyhavn" />
+    </div>
+  )
+}

packages/design-system/example/components/ContentPage/Hero/hero.module.css

@@ -0,0 +1,11 @@
+.hero {
+  padding: var(--Space-x4) 0;
+}
+
+.image {
+  border-radius: var(--Corner-radius-xl);
+  display: block;
+  width: 100%;
+  height: 480px; /* TODO: Magic number, revisit */
+  object-fit: cover;
+}

packages/design-system/example/components/ContentPage/Hero/index.tsx

@@ -0,0 +1 @@
+export { Hero } from './Hero'