fix: select does not use theme token for bg (#1085)

* fix: select does not use theme token for bg

* fix: code preview alignment

examples/ui-demo/src/app/page.tsx

@@ -84,7 +84,7 @@ export default function Home() {
                 <div className="flex gap-2 items-center">
                   <div
                     className={cn(
-                      "px-2 py-1 h-5 rounded text-xs font-semibold hidden lg:flex items-center justify-center ",
+                      "px-2 py-1 h-5 rounded text-xs font-semibold hidden lg:block",
                       showCode
                         ? "bg-[#F3F3FF] text-[#8B5CF6]"
                         : "bg-[#EFF4F9] text-[#374151]"

examples/ui-demo/src/components/ui/select-menu.tsx

@@ -57,7 +57,7 @@ const SelectMenuContent = React.forwardRef<
   <SelectPrimitives.Content
     ref={ref}
     className={cn(
-      "z-50 w-72 rounded-md border p-4 text-popover-foreground bg-bg-surface-default shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      "z-50 w-72 rounded-md border p-4 text-popover-foreground bg-[white] shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       className
     )}
     {...props}