feat: [LINKER-23] vanilla extract global style 설정

.yarn/sdks/typescript/package.json

@@ -1,6 +1,6 @@
 {
   "name": "typescript",
-  "version": "5.2.2-sdk",
+  "version": "5.3.2-sdk",
   "main": "./lib/typescript.js",
   "type": "commonjs",
   "bin": {

services/web/package.json

@@ -51,4 +51,4 @@
   "msw": {
     "workerDirectory": "public"
   }
-}
+}

services/web/src/app/layout.tsx

@@ -1,5 +1,6 @@
 import type { Metadata } from 'next';
 import { Inter } from 'next/font/google';
+import '../../src/styles/global.css';
 
 const inter = Inter({ subsets: ['latin'] });
 

services/web/src/app/page.tsx

@@ -1,3 +1,8 @@
 export default function Home() {
-  return <main>Linker🚀</main>;
+  return (
+    <div>
+      <main>Linker🚀</main>
+      <button>Linker</button>
+    </div>
+  );
 }

services/web/src/styles/global.css.ts

@@ -0,0 +1,38 @@
+import { globalStyle } from '@vanilla-extract/css';
+
+export const GlobalStyle = [
+  globalStyle('html', {
+    fontSize: '62.5%',
+    margin: 0,
+    padding: 0,
+    overflowX: 'hidden',
+    height: '100%',
+  }),
+  globalStyle('body', {
+    margin: 0,
+    padding: 0,
+    overflowX: 'hidden',
+    fontSize: '1.6rem',
+  }),
+  globalStyle('*, *:before, *:after', {
+    boxSizing: 'border-box',
+  }),
+  globalStyle('focus', {
+    outline: 'none',
+    border: 'none',
+  }),
+  globalStyle('button', {
+    background: 'none',
+    padding: 0,
+    border: 'none',
+    cursor: 'pointer',
+  }),
+  globalStyle('a', {
+    color: 'inherit',
+    textDecoration: 'none',
+    cursor: 'pointer',
+  }),
+  globalStyle('table', { borderCollapse: 'collapse', borderSpacing: 0 }),
+
+  globalStyle('img, picture, video, canvas, svg ', { display: 'block', maxWidth: '100%' }),
+];