feat: integrate Panda CSS with biome overrides and dependencies

panda.config.ts

@@ -0,0 +1,34 @@
+import { defineConfig } from '@pandacss/dev'
+import srJuggernautPandaPreset from '@srjuggernaut-dev/srjuggernaut-panda-preset'
+export default defineConfig({
+  presets: [
+    srJuggernautPandaPreset({
+      neutral: 'gray',
+      colorVariation: { dark: true, alpha: false, p3: false },
+      includeColors: ['teal', 'gray'],
+      semanticColors: { primary: 'teal' }
+    })
+  ],
+  preflight: true,
+  include: ['./src/**/*.{ts,tsx,js,jsx,astro}'],
+  exclude: [],
+  globalCss: {
+    body: {
+      fontFamily: "'Roboto Variable', sans-serif",
+      backgroundColor: 'neutral.1',
+      color: 'neutral.12'
+    },
+    '*, *::before, *::after': {
+      margin: 0,
+      padding: 0,
+      boxSizing: 'border-box'
+    },
+    'h1, h2, h3, h4, h5, h6': {
+      fontWeight: ''
+    }
+  },
+  theme: {
+    extend: {}
+  },
+  outdir: 'styled-system'
+})