upgrade to v4

apps/mobile/tailwind.config.ts

@@ -1,56 +1,19 @@
-// const colors = require('tailwindcss/colors');
-
-// // https://github.com/marklawlor/nativewind/issues/573
-// /** @type {import('tailwindcss').Config} */
-// module.exports = {
-//   content: ['./**/*.{js,jsx,ts,tsx}'],
-//   theme: {
-//     extend: {
-//       colors: {
-//         ...colors,
-//         purple: {
-//           100: '#C082FF',
-//           300: '#8D44D6',
-//           400: '#7831BF',
-//         },
-//         shade: {
-//           50: '#676790',
-//           200: '#3F3F60',
-//           300: '#32324F',
-//           700: '#131322',
-//           900: '#0A0A12',
-//         },
-//       },
-//     },
-//   },
-//   plugins: [],
-// };
-
 // @ts-expect-error - no types
 import nativewind from 'nativewind/preset';
 import type { Config } from 'tailwindcss';
+import colors from './app/constants/Colors';
 
 export default {
-  content: ['./src/**/*.{ts,tsx}'],
+  content: ['./app/**/*.{js,jsx,ts,tsx}'],
   presets: [
     nativewind,
     {
       theme: {
         extend: {
-          colors: {
-            purple: {
-              100: '#C082FF',
-              300: '#8D44D6',
-              400: '#7831BF',
-            },
-            shade: {
-              50: '#676790',
-              200: '#3F3F60',
-              300: '#32324F',
-              700: '#131322',
-              900: '#0A0A12',
-            },
-          },
+          colors,
+          fontFamily: {
+
+          }
         },
       },
     },