chore: inline breakpoints.css

Author: xboy2012

app/globals.css

@@ -1,6 +1,5 @@
 @import 'tailwindcss';
 @import './styles/colors.css';
-@import './styles/breakpoints.css';
 @import './styles/variables.css';
 @import './styles/utils.css';
 @import './styles/shadow.css';

app/styles/breakpoints.css

@@ -1,4 +1,10 @@
 @theme {
+  --breakpoint-sm: 450px;
+  --breakpoint-md: 580px;
+  --breakpoint-lg: 768px;
+  --breakpoint-xl: 1024px;
+  --breakpoint-2xl: 1250px;
+
   --background-image-bgGradientOnyx: linear-gradient(
     to bottom right,
     hsl(240, 1%, 25%) 3%,