chore(docs): use Vite define instead of import

docs/astro.config.ts

@@ -1,6 +1,12 @@
 import svelte from "@astrojs/svelte";
 import { defineConfig } from "astro/config";
+import { version } from "../package.json" assert { type: "json" };
 
 export default defineConfig({
   integrations: [svelte()],
+  vite: {
+    define: {
+      __VERSION: JSON.stringify(version),
+    },
+  },
 });

docs/src/components/Header.svelte

@@ -10,7 +10,7 @@
     SkipToContent,
   } from "carbon-components-svelte";
   import LogoGithub from "./LogoGithub.svelte";
-  import { version } from "../../../package.json";
+  import { VERSION } from "../constants";
 </script>
 
 <Header aria-label="Navigation" href="/">
@@ -20,7 +20,7 @@
 
   <span slot="platform" class="platform-name">
     Carbon Pictograms Svelte
-    <code title="Version {version}">v{version}</code>
+    <code title="Version {VERSION}">v{VERSION}</code>
   </span>
 
   <HeaderUtilities>

docs/src/components/index.svelte

@@ -15,7 +15,6 @@
   import fuzzy from "fuzzy";
   import Header from "./Header.svelte";
   import * as pictograms from "../../../lib";
-  import { version } from "../../../package.json";
 
   const { match } = fuzzy;
   const pictogramNames = Object.keys(pictograms);
@@ -34,7 +33,7 @@
 
 <FocusKey element={ref} selectText />
 
-<Header {version} />
+<Header />
 
 <Modal
   passiveModal

docs/src/constants.ts

@@ -0,0 +1 @@
+export const VERSION = __VERSION;

docs/src/env.d.ts

@@ -1 +1,3 @@
 /// <reference types="astro/client" />
+
+declare const __VERSION: string;