fix: update spinner to use svg instead

packages/design-system/lib/components/Button/Button.tsx

@@ -5,6 +5,7 @@ import { variants } from './variants'
 import type { ButtonProps } from './types'
 import { Spinner } from '../Spinner'
 import styles from './button.module.css'
+import { SpinnerProps } from '../Spinner/Spinner'
 
 export function Button({
   variant,
@@ -15,7 +16,6 @@ export function Button({
   typography,
   className,
   children,
-  isPending,
   ...props
 }: ButtonProps) {
   const classNames = variants({
@@ -27,15 +27,28 @@ export function Button({
     className,
   })
 
+  let spinnerType: SpinnerProps['type'] = 'Dark'
+
+  switch (color) {
+    case 'Primary':
+      spinnerType = 'Dark'
+      break
+    case 'Inverted':
+      spinnerType = 'White'
+      break
+    default:
+      spinnerType = 'Dark'
+  }
+
   return (
-    <ButtonRAC {...props} className={classNames} isPending={isPending}>
+    <ButtonRAC {...props} className={classNames}>
       {({ isPending }) => {
         return (
           <>
             {children}
             {isPending && (
               <div className={styles.spinnerWrapper}>
-                <Spinner size="Small" color="CurrentColor" />
+                <Spinner size={20} type={spinnerType} />
               </div>
             )}
           </>