fontsource refuses to work in scss for me

so give up! i don't think importing in svelte will work
due to how it's currently configured

package.json

@@ -14,9 +14,6 @@
     "node": ">=v18"
   },
   "dependencies": {
-    "@fontsource/fira-code": "^5.0.8",
-    "@fontsource/inconsolata": "^5.0.8",
-    "@fontsource/source-sans-pro": "^5.0.8",
     "@types/body-parser": "^1.19.2",
     "@types/express": "^4.17.14",
     "@types/multer": "^1.4.7",

src/style/_base.scss

@@ -1,6 +1,9 @@
-@import "../../node_modules/@fontsource/fira-code";
-@import "../../node_modules/@fontsource/inconsolata";
-@import "../../node_modules/@fontsource/source-sans-pro";
+/* 
+    could probably replace this with fonts served directly
+    from the server but it's fine for now 
+*/
+
+@import url('https://fonts.googleapis.com/css2?family=Fira+Code&family=Inconsolata&family=Source+Sans+Pro:wght@300;400;600;700;900&display=swap');
 
 $FallbackFonts: 
     -apple-system,