fix: bg color overriden by tailwind preflight

Author: binodnepali

src/components/ui/Button/Button.tsx

@@ -22,17 +22,17 @@ export const Button: React.FC<ButtonProps> = ({
     disabled={disabled}
     type="button"
     className={cn(
-      'ne-dt-flex ne-dt-items-center ne-dt-justify-center hover:ne-dt-bg-primary-content hover:ne-dt-text-netural focus:ne-dt-outline focus:ne-dt-outline-2 focus:ne-dt-outline-offset-1 focus:ne-dt-outline-primary',
+      'ne-dt-flex ne-dt-items-center ne-dt-justify-center hover:!ne-dt-bg-primary-content hover:ne-dt-text-netural focus:ne-dt-outline focus:ne-dt-outline-2 focus:ne-dt-outline-offset-1 focus:ne-dt-outline-primary',
       variant === 'circle' && 'ne-dt-p-1 ne-dt-rounded-full',
       variant === 'pilled' && 'ne-dt-px-4 ne-dt-py-2 ne-dt-rounded-full',
       variant === 'outline' &&
         'ne-dt-px-2 ne-dt-py-1 ne-dt-rounded-md ne-dt-border ne-dt-border-neutral',
       variant === 'text' && 'ne-dt-px-2 ne-dt-py-1 ne-dt-rounded-md',
       variant === 'icon' &&
-        'ne-dt-rounded-md ne-dt-bg-base-100 hover:ne-dt-bg-base-200 ne-dt-fill-base-content ne-dt-mr-1',
-      active && 'ne-dt-border ne-dt-border-primary ne-dt-bg-base-300',
+        'ne-dt-rounded-md !ne-dt-bg-base-100 hover:!ne-dt-bg-base-200 ne-dt-fill-base-content ne-dt-mr-1',
+      active && 'ne-dt-border ne-dt-border-primary !ne-dt-bg-base-300',
       selected &&
-        'ne-dt-bg-primary ne-dt-text-primary-content hover:ne-dt-bg-primary',
+        '!ne-dt-bg-primary ne-dt-text-primary-content hover:!ne-dt-bg-primary',
       disabled && 'ne-dt-opacity-50 ne-dt-cursor-not-allowed',
       className,
     )}