Fix: import err from tailwind config

Author: Akalanka47000

esbuild.config.js

@@ -31,7 +31,7 @@ const options = {
   },
   plugins: [cleaner],
   legalComments: "none",
-  external: ["react", "react-dom", "@dreamworld/addon-redux", "tailwindcss-scoped-preflight"]
+  external: ["react", "react-dom", "@dreamworld/addon-redux"]
 };
 
 build({

src/hooks/breakpoint.ts

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { screens } from "../../tailwind.config";
+import { screens } from "../utils/tailwind";
 
 const calculateBreakpoints = () =>
   Object.entries(screens).reduce((acc, [key, value]) => {

src/utils/index.ts

@@ -4,6 +4,7 @@ import { ids, selectors } from "@/constants";
 export * from "./d3";
 export * from "./transformer";
 export * from "./workspace";
+export * from "./tailwind";
 
 export const fallible = (fn: Function) => {
   try {

src/utils/tailwind.ts

@@ -0,0 +1,9 @@
+export const screens = {
+  xs: "400px",
+  xsm: "450px",
+  sm: "640px",
+  md: "768px",
+  lg: "1024px",
+  xl: "1280px",
+  xxl: "1536px"
+};

tailwind.config.js

@@ -1,15 +1,6 @@
 import animate from "tailwindcss-animate";
 import { isolateInsideOfContainer, scopedPreflightStyles } from "tailwindcss-scoped-preflight";
-
-export const screens = {
-  xs: "400px",
-  xsm: "450px",
-  sm: "640px",
-  md: "768px",
-  lg: "1024px",
-  xl: "1280px",
-  xxl: "1536px"
-};
+import { screens } from "./src/utils/tailwind";
 
 /** @type {import('tailwindcss').Config} */
 export default {