refactor: migrate to modern module system

src/index.scss

@@ -1,4 +1,4 @@
-@use 'scss/vars' as *;
+@use 'scss/vars';
 
-@import 'scss/markdown';
+@use 'scss/markdown';
-@import 'scss/prose';
+@use 'scss/prose';

src/scss/partials/_all.scss

@@ -1 +1,9 @@
-@import 'title', 'text', 'link', 'code', 'quote', 'figure', 'list', 'table', 'media';
+@use 'title';
+@use 'text';
+@use 'link';
+@use 'code';
+@use 'quote';
+@use 'figure';
+@use 'list';
+@use 'table';
+@use 'media';

src/scss/prose.scss

@@ -1,6 +1,8 @@
-@use 'partials/container' as *;
+@use 'sass:meta';
+
+@use 'partials/container';
 
 .prose {
-  @include container;
+  @include container.container;
-  @import 'partials/all';
+  @include meta.load-css('partials/all');
 }

src/scss/vars.scss

@@ -1,4 +1,4 @@
-@use 'sass:meta' as *;
+@use 'sass:meta';
 
 @use 'variables/constants';
 @use 'variables/colors';
@@ -7,20 +7,20 @@
 @use 'variables/modes/dark';
 
 :root {
-  @each $name, $val in module-variables('constants') {
+  @each $name, $val in meta.module-variables('constants') {
     --xm-#{$name}: #{$val};
   }
-  @each $name, $val in module-variables('colors') {
+  @each $name, $val in meta.module-variables('colors') {
     --xm-c-#{$name}: #{$val};
   }
 }
 .markdown-body {
-  @each $name, $val in module-variables('light') {
+  @each $name, $val in meta.module-variables('light') {
     --xm-c-#{$name}: #{$val};
   }
 }
 .dark .markdown-body {
-  @each $name, $val in module-variables('dark') {
+  @each $name, $val in meta.module-variables('dark') {
     --xm-c-#{$name}: #{$val};
   }
 }