chore: update dependencies and improve font handling

- Bump versions of several Astro-related dependencies in package.json for better performance and features.
- Update content.config.ts to import z from astro/zod for improved type validation.
- Modify Layout.astro to use the Font component for better font management and preload the Archivo font.
- Change font stacks in _variables.scss to reflect the new font choices, enhancing typography consistency.

1 files changed, 23 insertions, 3 deletions

diff --git a/astro.config.mjs b/astro.config.mjs
index ccaa6f9..5208eb1 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -1,5 +1,5 @@
 import sitemap from "@astrojs/sitemap";
-import { defineConfig } from "astro/config";
+import { defineConfig, fontProviders } from "astro/config";
 
 import mdx from "@astrojs/mdx";
 
@@ -8,8 +8,6 @@ import rehypeExternalLinks from "rehype-external-links";
 
 import compressor from "astro-compressor";
 
-import icon from 'astro-icon';
-
 export default defineConfig({
   compressHTML: true,
   site: "https://www.costas.dev",
@@ -45,5 +43,27 @@ export default defineConfig({
         }
       ]
     ]
+  },
+  security: {
+    csp: {
+      algorithm: "SHA-384"
+    }
+  },
+  fonts: [
+    {
+      provider: fontProviders.fontsource(),
+      name: "Archivo",
+      cssVariable: "--font-archivo"
+    },
+    {
+      provider: fontProviders.fontsource(),
+      name: "Inter",
+      cssVariable: "--font-inter"
+    }
+  ],
+  experimental: {
+    rustCompiler: true,
+    chromeDevtoolsWorkspace: true,
+    contentIntellisense: true
   }
 });