chore: update css

packages/@core/uikit/shadcn-ui/package.json

@@ -48,7 +48,7 @@
     "@vben-core/typings": "workspace:*",
     "@vueuse/core": "^10.11.0",
     "class-variance-authority": "^0.7.0",
-    "radix-vue": "^1.8.4",
+    "radix-vue": "^1.8.5",
     "vue": "^3.4.30",
     "vue-sonner": "^1.1.3"
   }

packages/@core/uikit/shadcn-ui/src/components/logo/logo.vue

@@ -66,7 +66,7 @@ const logoClass = computed(() => {
       />
       <span
         v-if="!collapse"
-        class="text-primary truncate text-nowrap group-[.dark]:text-[hsl(var(--color-dark-foreground))]"
+        class="text-primary truncate text-nowrap group-[.dark]:text-[hsl(var(--dark-foreground))]"
       >
         {{ text }}
         <!-- <span class="text-primary ml-1 align-super text-[smaller]">Pro</span> -->

packages/@core/uikit/shadcn-ui/src/components/segmented/segmented.vue

@@ -22,6 +22,8 @@ const props = withDefaults(defineProps<Props>(), {
   tabs: () => [],
 });
 
+const activeTab = defineModel<string>();
+
 const getDefaultValue = computed(() => {
   return props.defaultValue || props.tabs[0]?.value;
 });
@@ -40,7 +42,7 @@ const tabsIndicatorStyle = computed(() => {
 </script>
 
 <template>
-  <Tabs :default-value="getDefaultValue">
+  <Tabs v-model="activeTab" :default-value="getDefaultValue">
     <TabsList :style="tabsStyle" class="bg-accent relative grid w-full">
       <TabsIndicator :style="tabsIndicatorStyle" />
       <template v-for="tab in tabs" :key="tab.value">

packages/@core/uikit/shadcn-ui/src/components/ui/sonner/Sonner.vue

@@ -33,7 +33,7 @@ const props = withDefaults(defineProps<ToasterProps>(), {
 <!-- <style scoped>
 :deep([data-sonner-toaster][data-theme='dark']),
 :deep([data-sonner-toaster][data-theme='light']) {
-  --normal-bg: hsl(var(--color-background));
+  --normal-bg: hsl(var(--background));
   --normal-border: theme('colors.border');
   --normal-text: theme('colors.popover.foreground');
   --border-radius: theme('borderRadius.md');