fix: fix type errors

Author: mehdibha

www/src/components/demos/toggle-button/shapes.tsx

@@ -4,10 +4,10 @@ import { ToggleButton } from "@/components/dynamic-core/toggle-button";
 export default function Demo() {
   return (
     <div className="flex items-center gap-4">
-      <ToggleButton variant="outline" shape="square" aria-label="Toggle pin">
+      <ToggleButton shape="square" aria-label="Toggle pin">
         <PinIcon className="rotate-45" />
       </ToggleButton>
-      <ToggleButton variant="outline" shape="circle" aria-label="Toggle pin">
+      <ToggleButton shape="circle" aria-label="Toggle pin">
         <PinIcon className="rotate-45" />
       </ToggleButton>
       <ToggleButton

www/src/components/demos/toggle-button/sizes.tsx

@@ -10,7 +10,6 @@ export default function Demo() {
         <ToggleButton
           key={size}
           size={size}
-          variant="outline"
           aria-label="Toggle pin"
         >
           <PinIcon className="rotate-45" />

www/src/components/demos/toggle-button/variants.tsx

@@ -1,7 +1,7 @@
 import { PinIcon } from "lucide-react";
 import { ToggleButton } from "@/components/dynamic-core/toggle-button";
 
-const variants = ["quiet", "outline", "accent"] as const;
+const variants = ["quiet", "primary", "accent"] as const;
 
 export default function Demo() {
   return (