chore(fix): content/tokens

Author: Tahul

docs/components/content/HeroAnnouncement.vue

@@ -35,15 +35,15 @@ css({
     gap: '{space.1}',
 
     '@dark': {
-      color: '{colors.primary.100}',
+      color: '{color.primary.100}',
       backgroundColor: 'transparent',
-      borderColor: '{colors.primary.700}'
+      borderColor: '{color.primary.700}'
     },
 
     '&:hover': {
-      backgroundColor: '{colors.primary.200}',
+      backgroundColor: '{color.primary.200}',
       '@dark': {
-        backgroundColor: '{colors.primary.900}'
+        backgroundColor: '{color.primary.900}'
       },
     }
   },

docs/content/2.get-started.md

@@ -12,7 +12,7 @@ How to get started with Nuxt Content by creating a new project or adding it to a
 
 You can start playing with Nuxt Content in your browser using our online sandboxes:
 
-:button-link[Play on StackBlitz]{icon="IconStackBlitz" href="https://stackblitz.com/github/nuxt/starter/tree/content" blank .mr-2}
+:button-link[Play on StackBlitz]{icon="IconStackBlitz" href="https://stackblitz.com/github/nuxt/starter/tree/content" blank style="margin-right: var(--space-4);"}
 :button-link[Play on CodeSandbox]{icon="IconCodeSandBox" href="https://codesandbox.io/s/github/nuxt/starter/tree/content" blank}
 
 ## New Project