chore(deps): update all non-major dependencies

docs/components/content/ChangeLog.vue

@@ -46,12 +46,12 @@ css({
     paddingBottom: '{space.4}',
 
     'h2': {
-      fontSize: '{fontSizes.2xl}',
-      fontWeight: '{fontWeights.bold}',
-      color: '{colors.gray.900}',
+      fontSize: '{fontSize.2xl}',
+      fontWeight: '{fontWeight.bold}',
+      color: '{color.gray.900}',
       marginTop: '{space.8}',
       '@dark': {
-        color: '{colors.gray.100}'
+        color: '{color.gray.100}'
       }
     }
   },

docs/components/content/HeroAnnouncement.vue

@@ -21,11 +21,11 @@ defineProps({
 <style scoped lang="ts">
 css({
   '.link': {
-    color: '{colors.primary.900}',
-    backgroundColor: '{colors.primary.100}',
-    borderColor: '{colors.primary.400}',
+    color: '{color.primary.900}',
+    backgroundColor: '{color.primary.100}',
+    borderColor: '{color.primary.400}',
     borderRadius: '{radii.md}',
-    borderWidth: '{borderWidths.sm}',
+    borderWidth: '{borderWidth.sm}',
     borderStyle: 'solid',
     display: 'inline-flex',
     padding: '{space.2} {space.4}',
@@ -35,22 +35,22 @@ 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}'
       },
     }
   },
   '.link span': {
     // font-medium text-sm
-    fontWeight: '{fontWeights.medium}',
-    fontSize: '{fontSizes.sm}'
+    fontWeight: '{fontWeight.medium}',
+    fontSize: '{fontSize.sm}'
   },
   '.link .icon': {
     width: '{space.4}',

docs/components/content/V1DocsLinks.vue

@@ -38,9 +38,9 @@ css({
     justifyContent: 'center'
   },
   '.links-wrapper a': {
-    color: '{colors.black}',
+    color: '{color.black}',
     '@dark': {
-      color: '{colors.white}'
+      color: '{color.white}'
     }
   }
 })

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

docs/package.json

@@ -9,9 +9,9 @@
     "generate": "nuxi generate"
   },
   "devDependencies": {
-    "@nuxt-themes/docus": "^1.0.3",
-    "@nuxthq/studio": "^0.3.1",
-    "@nuxtlabs/github-module": "^1.5.3",
+    "@nuxt-themes/docus": "^1.1.3",
+    "@nuxthq/studio": "^0.3.5",
+    "@nuxtlabs/github-module": "^1.5.4",
     "monaco-editor-core": "^0.34.1",
     "nuxt": "v3.0.0",
     "vue-plausible": "^1.3.2"

docs/tokens.config.ts

@@ -1,7 +1,7 @@
 import { defineTheme } from 'pinceau'
 
 export default defineTheme({
-  colors: {
+  color: {
     primary: {
       50: { value: '#ecfdf5' },
       100: { value: '#d1fae5' },