[Feature/BAR-49] 디자인 시스템 반영

.eslintrc.json

@@ -48,10 +48,10 @@
           "warn",
           {
             "groups": [
-              // Library imports (related with next is first)
-              ["next", "^\\w"],
-              // Side effect imports
-              ["^\\u0000"]
+              ["^next", "^react", "^@\\w", "^\\w"],
+              ["^\\u0000"],
+              ["^@/"],
+              ["^\\."]
             ]
           }
         ]

src/components/Providers/TanstackQueryProvider.tsx

@@ -1,5 +1,4 @@
 import { type PropsWithChildren, useState } from 'react';
-
 import {
   type DehydratedState,
   HydrationBoundary,

src/styles/global.css.ts

@@ -1,6 +1,7 @@
-import { fontFamily } from './variants.css';
 import { globalStyle } from '@vanilla-extract/css';
 
+import { theme } from './theme.css';
+
 globalStyle('*, *:after, *:before', {
   boxSizing: 'border-box',
 });
@@ -13,7 +14,7 @@ globalStyle(
     border: 0,
     fontSize: '16px',
     verticalAlign: 'baseline',
-    fontFamily: fontFamily.pretendard,
+    fontFamily: theme.font.pretendard,
   },
 );
 
@@ -45,7 +46,7 @@ globalStyle('button, select, input, textarea', {
   border: 0,
   outline: 0,
   backgroundColor: 'transparent',
-  fontFamily: fontFamily.pretendard,
+  fontFamily: theme.font.pretendard,
 });
 
 globalStyle('a, button', {