Fix brittleness during builds

91f4667 introduced a hacky solution, that unfortunatly caused the build/dev server to fail, when `/website/src/fonts` doesn't exist. This removes the coupling of `fonts.sass` to other features while keeping it optional.

website/gatsby-config.js

@@ -90,6 +90,13 @@ const plugins = [
     `gatsby-plugin-offline`,
 ]
 
+plugins.push({
+    resolve: `gatsby-plugin-sass-resources`,
+    options: {
+        resources: ['./src/styles/base.sass'],
+    },
+})
+
 if (fs.existsSync('./src/fonts')) {
     plugins.push({
         resolve: `gatsby-plugin-sass-resources`,

website/src/components/layout.js

@@ -2,8 +2,6 @@ import React from 'react'
 
 import SEO from './seo'
 
-import '../styles/base.sass'
-
 const Layout = ({ title, description, className, children }) => (
     <>
         <SEO title={title} description={description} />

website/src/styles/base.sass

@@ -1,3 +1,6 @@
+
+@use 'sass:math'
+
 \:root
     --font-primary: 'Calibre', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'
     --font-code: 'IBM Plex Mono', Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace

website/src/styles/fonts.sass

@@ -1,5 +1,4 @@
 /* Fonts */
-@use 'sass:math'
 
 @font-face
     font-family: "Calibre"