refactor(tailwind.config): extend theme configuration instread of config overwrite

tailwind.config.ts

 import type { Config } from 'tailwindcss';
-import colors from 'tailwindcss/colors';
 
 const config: Config = {
   content: [
@@ -8,26 +7,20 @@ const config: Config = {
     './app/**/*.{js,ts,jsx,tsx,mdx}'
   ],
   theme: {
-    colors: {
-      gray: colors.gray,
-      primary: {
-        DEFAULT: 'hsl(340, 76%, 47%)',
-        light: 'hsl(340, 76%, 57%)',
-        dark: 'hsl(340, 76%, 37%)'
-      },
-      secondary: {
-        DEFAULT: 'hsl(205, 76%, 47%)',
-        light: 'hsl(205, 76%, 57%)',
-        dark: 'hsl(205, 76%, 37%)'
-      },
-      light: '#f4f4f4',
-      dark: '#222222'
-    },
     extend: {
-      backgroundImage: {
-        'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
-        'gradient-conic':
-          'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))'
+      colors: {
+        primary: {
+          DEFAULT: 'hsl(340, 76%, 47%)',
+          light: 'hsl(340, 76%, 57%)',
+          dark: 'hsl(340, 76%, 37%)'
+        },
+        secondary: {
+          DEFAULT: 'hsl(205, 76%, 47%)',
+          light: 'hsl(205, 76%, 57%)',
+          dark: 'hsl(205, 76%, 37%)'
+        },
+        light: '#f4f4f4',
+        dark: '#222222'
       }
     }
   },