Merge pull request #5 from thinkle/svelte5-warning-cleanup

Fix Svelte 5 warning cleanup regressions

Author: thinkle

package-lock.json

@@ -65,8 +65,9 @@
   "type": "module",
   "dependencies": {
     "@sveltejs/adapter-static": "^3.0.10",
-    "prismjs": "^1.29.0",
-    "svelte-prism": "^1.1.6"
+    "esm-env": "^1.2.2",
+    "prism-svelte": "^0.4.7",
+    "prismjs": "^1.29.0"
   },
   "overrides": {
     "@sveltejs/vite-plugin-svelte": "^4.0.0",

package.json

@@ -58,7 +58,7 @@
 </div>
 
 <style lang="scss">
-  @import "$lib/sass/_mixins.scss";
+  @use "$lib/sass/_mixins.scss" as *;
 
   /* ── Card shell ─────────────────────────────────────────── */
   .card {

src/lib/Card.svelte

@@ -55,7 +55,7 @@
 </button>
 
 <style lang="scss">
-  @import "$lib/sass/_mixins.scss";
+  @use "$lib/sass/_mixins.scss" as *;
 
   button.has-icon {
     display: inline-flex;

src/lib/controls/Button.svelte

@@ -70,7 +70,7 @@
 </a>
 
 <style lang="scss">
-  @import "$lib/sass/_mixins.scss";
+  @use "$lib/sass/_mixins.scss" as *;
 
   a.has-icon {
     display: inline-flex;

src/lib/controls/ButtonLink.svelte

@@ -86,7 +86,7 @@
 </div>
 
 <style lang="scss">
-  @import "$lib/sass/_mixins.scss";
+  @use "$lib/sass/_mixins.scss" as *;
 
   .label-sizing-box {
     position: relative;

src/lib/controls/Checkbox.svelte

@@ -16,7 +16,7 @@
 <input bind:value {placeholder} {...restProps} />
 
 <style lang="scss">
-  @import "$lib/sass/_mixins.scss";
+  @use "$lib/sass/_mixins.scss" as *;
   input {
     @include typography-props(input, ui);
     @include box-props(input, ui);

src/lib/controls/Input.svelte

@@ -50,7 +50,7 @@
 </button>
 
 <style lang="scss">
-  @import "$lib/sass/_mixins.scss";
+  @use "$lib/sass/_mixins.scss" as *;
   button.primary {
     @include color-props(primary, button, control);
   }

src/lib/controls/MiniButton.svelte

@@ -57,6 +57,8 @@
 </div>
 
 <style lang="scss">
+  @use "$lib/sass/_mixins.scss" as *;
+
   .label-sizing-box {
     position: relative;
     display: inline-block;
@@ -71,8 +73,6 @@
     visibility: hidden;
   }
 
-  @import "$lib/sass/_mixins.scss";
-
   :root {
     /* Customize these variables for radio button styling */
     --radio-button-dot: "•";

src/lib/controls/RadioButton.svelte

@@ -129,7 +129,7 @@
 </div>
 
 <style lang="scss">
-  @import "$lib/sass/_mixins.scss";
+  @use "$lib/sass/_mixins.scss" as *;
   select,
   .dropdown-wrapper > :global(.dropdown-menu > button) {
     @include box-props-square-border(select, input, menu, control, surface);