fix storybook public fonts

- fixed the storybook issue with not picking up absolute paths by using a webpack config specifically in the storybook config (so it doesnt affect/change the library itself)

Author: SamusElderg

.storybook/main.ts

@@ -1,4 +1,6 @@
 import type { StorybookConfig } from "@storybook/react-webpack5";
+import path from "path";
+
 const config: StorybookConfig = {
   stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
   staticDirs: ["../public"],
@@ -22,5 +24,23 @@ const config: StorybookConfig = {
   docs: {
     autodocs: "tag",
   },
+  webpackFinal: async (config) => {
+    if (config.resolve) {
+      config.resolve = {
+        ...config.resolve,
+        alias: {
+          ...config.resolve.alias,
+          "/fonts": path.resolve(__dirname, "../public/fonts"),
+        },
+      };
+    } else {
+      config.resolve = {
+        alias: {
+          "/fonts": path.resolve(__dirname, "../public/fonts"),
+        },
+      };
+    }
+    return config;
+  },
 };
 export default config;