Refactor TechIcon component to use BrandIcon for improved accessibility and performance; implement dwell curve and idle snapping in voyage scene for smoother camera transitions; enhance ComponentShowcase with dynamic NDS metadata; update project descriptions to reflect current NDS component count; improve UI translations and styling across various components; add brand icon paths for better SVG handling; integrate NDS metadata fetching for accurate version display; streamline HomeView layout and remove unused social links.

astro.config.mjs

@@ -3,6 +3,26 @@ import { defineConfig } from 'astro/config';
 import sitemap from '@astrojs/sitemap';
 import { fileURLToPath } from 'node:url';
 
+/**
+ * NDS's _typography.scss ships a Google Fonts `@import` which lands mid-file
+ * in the bundled CSS - invalid per spec (W3C error) and a hidden render
+ * blocker. The fonts are loaded via <link> in BaseLayout instead, and this
+ * plugin strips the stray @import from every emitted CSS asset.
+ */
+const stripFontImport = {
+  name: 'strip-google-fonts-import',
+  generateBundle(_, bundle) {
+    for (const chunk of Object.values(bundle)) {
+      if (chunk.type === 'asset' && chunk.fileName.endsWith('.css') && typeof chunk.source === 'string') {
+        chunk.source = chunk.source.replace(
+          /@import url\((['"]?)https:\/\/fonts\.googleapis\.com[^)]*
\);?/g,
+          '',
+        );
+      }
+    }
+  },
+};
+
 const ndsTokens = fileURLToPath(
   new URL('./node_modules/@unkn0wndo3s/nova-design-system/src/styles/tokens', import.meta.url),
 );
@@ -38,6 +58,11 @@ export default defineConfig({
   ],
 
   vite: {
+    plugins: [stripFontImport],
+    build: {
+      // Source maps help debugging in prod and satisfy Lighthouse's audit.
+      sourcemap: true,
+    },
     css: {
       preprocessorOptions: {
         scss: {