fix sass resolution

Author: RyanClementsHax

.storybook/decorators/theme.tsx

@@ -33,6 +33,7 @@ export const themeDecorators: DecoratorFunction<ReactRenderer>[] = [
         <ThemeContext.Provider
           value={{
             theme: selected,
+            // TODO: consider using storybook/addon-actions instead
             setTheme: theme => updateGlobals({ theme })
           }}
         >

components/pages/about/sections/Skills/Proficiency/Proficiency.module.scss

@@ -1,4 +1,4 @@
-@use 'styles/utils';
+@use '/styles/utils';
 
 .proficiency {
   @apply block rounded-full border px-2 py-0.5 text-xs first-letter:uppercase;

components/pages/posts/[slug]/Content/Code/Code.module.scss

@@ -1,6 +1,5 @@
-@use 'styles/utils';
-
-@import './syntaxTokens.module';
+@use '/styles/utils';
+@use './syntaxTokens.module';
 
 @mixin code-block-wrapper {
   :global(.highlight):has(.code) {

components/pages/posts/[slug]/Content/Code/syntaxTokens.module.scss

@@ -1,3 +1,5 @@
+@use '/styles/utils';
+
 /* stylelint-disable no-descending-specificity */
 .code :global {
   /* This is a theme distributed by `starry-night`.

components/pages/posts/[slug]/Content/Content.module.scss

@@ -1,5 +1,3 @@
-@use 'styles/utils';
-
 .content {
   ul,
   ol {

styles/global.scss

@@ -1,5 +1,3 @@
-@use 'styles/utils';
-
 @tailwind base;
 @tailwind components;
 @tailwind utilities;