Updated

@dasig/components/Background.astro

@@ -41,7 +41,7 @@ checkBackground()
 }
 
 <style lang="sass">
-  @use '../../configs/design/site.sass' as design
+  @use '../../design/site.sass' as design
 
   :root
     color-scheme: light dark

@dasig/components/Button.astro

@@ -41,7 +41,7 @@ const borderRadius = getBorderRadius(edges)
 }
 
 <style lang="sass">
-  @use '/src/styles/fonts.sass' as fonts
+  @use '../../design/fonts.sass' as fonts
   @use 'sass:color'
 
   $primaryColor: #0075BB

@dasig/components/Display.astro

@@ -47,5 +47,5 @@ const { desktop, tablet, mobile } = Astro.props
 }
 
 <style lang="sass">
-  @use '/src/styles/breakpoints.sass'
+  @use '../../design/breakpoints.sass'
 </style>

@dasig/components/Footer.astro

@@ -7,7 +7,7 @@
 </footer>
 
 <style lang="sass">
-  @use '../../configs/design/sizes' as view
+  @use '../../design/sizes' as view
 
   .dasig-footer
     padding: 1rem 0

@dasig/components/HTML.astro

@@ -45,8 +45,8 @@ const config = toml.parse(fs.readFileSync('configs/config.site.toml', 'utf8'))
 </html>
 
 <style lang="sass">
-@use '../../configs/design/colors.sass' as colors
-@use '/src/styles/fonts.sass' as fonts
+@use '../../design/colors.sass' as colors
+@use '../../design/fonts.sass' as fonts
 
 .body
   color: colors.$white

@dasig/components/Modal.astro

@@ -21,7 +21,7 @@ const { background, color, border } = Astro.props
 }
 
 <style lang="sass">
-  @use '../../configs/design/site' as site
+  @use '../../design/site' as site
   @use 'sass:color'
 
   .modal