feat(module): define default color shades (#3916)

docs/content/1.getting-started/2.migration.md

@@ -203,15 +203,6 @@ You can also use the new [design tokens](/getting-started/theme#neutral-palette)
 ```
 ::
 
-- The `DEFAULT` shade that let you write `text-primary` no longer exists, you can use [color shades](/getting-started/theme#color-shades) instead:
-
-```diff
-<template>
--  <p class="text-primary">Hello</p>
-+  <p class="text-(--ui-primary)">Hello</p>
-</template>
-```
-
 - The `gray`, `black` and `white` in the `color` props have been removed in favor of `neutral`:
 
 ```diff

docs/content/1.getting-started/3.theme.md

@@ -369,7 +369,11 @@ Nuxt UI automatically creates a CSS variable for each color alias you define whi
 ::
 
 ::note
-You can use these variables in classes like `text-(--ui-primary)`, it will automatically adapt to the current color scheme.
+You can use these variables in your Tailwind CSS classes in two ways:
+- Using CSS variable syntax: `text-(--ui-primary)` or `bg-(--ui-primary)`
+- Using color alias: `text-primary` or `bg-primary`
+
+Both approaches will automatically adapt to the current color scheme, ensuring consistent styling across light and dark modes.
 ::
 
 ::tip