53 files changed, 182 insertions, 183 deletions

diff --git a/src/objects/_alert.scss b/src/objects/_alert.scss
index e6abc62..c2a1c58 100644
--- a/src/objects/_alert.scss
+++ b/src/objects/_alert.scss
@@ -1,7 +1,7 @@
 @use 'sass:map';
 @use 'sass:meta';
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/bem';
+@use 'pkg:iro-sass/src/props';
 @use '../props' as *;
 
 @forward 'alert.vars';
diff --git a/src/objects/_alert.vars.scss b/src/objects/_alert.vars.scss
index 62d3414..bbd3dad 100644
--- a/src/objects/_alert.vars.scss
+++ b/src/objects/_alert.vars.scss
@@ -1,4 +1,4 @@
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/props';
 @use '../core.vars' as core;
 
 $border-width: props.def(--o-alert--border-width, props.get(core.$border-width--medium)) !default;
diff --git a/src/objects/_avatar.scss b/src/objects/_avatar.scss
index 764c039..272c213 100644
--- a/src/objects/_avatar.scss
+++ b/src/objects/_avatar.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/bem';
+@use 'pkg:iro-sass/src/props';
 @use '../props' as *;
 
 @forward 'avatar.vars';
@@ -130,7 +130,7 @@
                                                 clip-path:   props.get($icon-mask);
                                         }
                                 }
-    
+
                                 @include bem.elem('content') {
                                         inline-size: props.get($size);
                                         block-size:  props.get($size);
@@ -139,7 +139,7 @@
                                 }
                         }
                 }
-    
+
                 &:focus-visible {
                         &::after {
                                 display: block;
diff --git a/src/objects/_avatar.vars.scss b/src/objects/_avatar.vars.scss
index d6e0497..467d7cc 100644
--- a/src/objects/_avatar.vars.scss
+++ b/src/objects/_avatar.vars.scss
@@ -1,6 +1,6 @@
 @use 'sass:math';
 
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/props';
 @use '../core.vars' as core;
 
 @function icon-mask($p) {
diff --git a/src/objects/_backdrop.scss b/src/objects/_backdrop.scss
index 346cf5f..6660abf 100644
--- a/src/objects/_backdrop.scss
+++ b/src/objects/_backdrop.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/bem';
+@use 'pkg:iro-sass/src/props';
 @use '../props' as *;
 
 @forward 'backdrop.vars';
diff --git a/src/objects/_backdrop.vars.scss b/src/objects/_backdrop.vars.scss
index 8bae733..9206117 100644
--- a/src/objects/_backdrop.vars.scss
+++ b/src/objects/_backdrop.vars.scss
@@ -1,4 +1,4 @@
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/props';
 @use '../core.vars' as core;
 
 $z-index:  props.def(--o-backdrop--z-index, 10000) !default;
diff --git a/src/objects/_button.scss b/src/objects/_button.scss
index 6cd3cc0..a3c8187 100644
--- a/src/objects/_button.scss
+++ b/src/objects/_button.scss
@@ -2,8 +2,8 @@
 @use 'sass:map';
 @use 'sass:meta';
 @use 'sass:string';
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/bem';
+@use 'pkg:iro-sass/src/props';
 @use '../props' as *;
 
 @forward 'button.vars';
diff --git a/src/objects/_button.vars.scss b/src/objects/_button.vars.scss
index d385cbb..3f835ae 100644
--- a/src/objects/_button.vars.scss
+++ b/src/objects/_button.vars.scss
@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use 'sass:string';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/props';
 @use '../core.vars' as core;
 
 $line-height:  props.def(--o-button--line-height, 1.4) !default;
diff --git a/src/objects/_card.scss b/src/objects/_card.scss
index 46cc401..b8bc727 100644
--- a/src/objects/_card.scss
+++ b/src/objects/_card.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/bem';
+@use 'pkg:iro-sass/src/props';
 @use '../props' as *;
 @use 'avatar.vars' as avatar;
 
diff --git a/src/objects/_card.vars.scss b/src/objects/_card.vars.scss
index e84b8c3..4616c80 100644
--- a/src/objects/_card.vars.scss
+++ b/src/objects/_card.vars.scss
@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/props';
 @use '../core.vars' as core;
 
 $divider-width:        props.def(--o-card--divider-width, props.get(core.$border-width--thin)) !default;
diff --git a/src/objects/_checkbox.scss b/src/objects/_checkbox.scss
index 5faafb9..f3fb793 100644
--- a/src/objects/_checkbox.scss
+++ b/src/objects/_checkbox.scss
@@ -1,7 +1,7 @@
 @use 'sass:meta';
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/functions' as fn;
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/bem';
+@use 'pkg:iro-sass/src/functions' as fn;
+@use 'pkg:iro-sass/src/props';
 @use '../props' as *;
 @use '../core.vars' as core;
 
@@ -32,14 +32,14 @@
                         background-clip:    padding-box;
                         border:             props.get(vars.$key-focus--border-offset) solid transparent;
                         border-radius:      calc(props.get(vars.$border-width) + props.get(vars.$key-focus--border-offset));
-    
+
                         &::before,
                         &::after {
                                 position: absolute;
                                 display:  block;
                                 content:  '';
                         }
-    
+
                         &::before {
                                 inset-block-start:  props.get(vars.$border-width);
                                 inset-inline-start: props.get(vars.$border-width);
@@ -49,7 +49,7 @@
                                 background-color:   props.get(vars.$box-bg-color);
                                 transition:         transform .2s ease;
                         }
-    
+
                         &::after {
                                 inset-block-start:   calc(.5 * props.get(vars.$size) - 1px);
                                 inset-inline-start:  calc(1.5 * props.get(vars.$border-width));
@@ -66,7 +66,7 @@
                                 border-inline-width: 0 2px;
                         }
                 }
-    
+
                 @include bem.elem('check-icon') {
                         position:           absolute;
                         inset-block-start:  calc(1 * props.get(vars.$border-width));
@@ -82,11 +82,11 @@
                         transform-origin:   40% 90%;
                         transition:         transform .2s ease;
                 }
-    
+
                 @include bem.elem('label') {
                         margin-inline-start: calc(props.get(vars.$label-gap) - props.get(vars.$key-focus--border-offset));
                 }
-    
+
                 @include bem.elem('native') {
                         position:           absolute;
                         inset-block-start:  0;
@@ -99,60 +99,60 @@
                         overflow:           hidden;
                         appearance:         none;
                         border-radius:      props.get(vars.$rounding);
-    
+
                         &:hover,
                         &:focus-visible {
                                 @include bem.sibling-elem('label') {
                                         color: props.get(vars.$hover--label-color);
                                 }
-    
+
                                 @include bem.sibling-elem('box') {
                                         background-color: props.get(vars.$hover--box-border-color);
                                 }
                         }
-    
+
                         &:checked {
                                 @include bem.sibling-elem('box') {
                                         &::before {
                                                 transform: scale(0);
                                         }
-    
+
                                         @include bem.elem('check-icon') {
                                                 transform: scale(1);
                                         }
                                 }
                         }
-    
+
                         &:indeterminate {
                                 @include bem.sibling-elem('box') {
                                         &::before {
                                                 transform: scale(0);
                                         }
-    
+
                                         &::after {
                                                 transform: scale(1);
                                         }
-    
+
                                         @include bem.elem('check-icon') {
                                                 transform: scale(0);
                                         }
                                 }
                         }
-    
+
                         &:disabled {
                                 @include bem.sibling-elem('label') {
                                         color: props.get(vars.$disabled--label-color);
                                 }
-    
+
                                 @include bem.sibling-elem('box') {
                                         background-color: props.get(vars.$disabled--box-border-color);
-    
+
                                         &::before {
                                                 background-color: props.get(vars.$disabled--box-bg-color);
                                         }
                                 }
                         }
-    
+
                         &:focus-visible {
                                 @include bem.sibling-elem('label') {
                                         color: props.get(vars.$key-focus--label-color);
@@ -169,20 +169,20 @@
                                 }
                         }
                 }
-    
+
                 @include bem.modifier('standalone') {
                         @include bem.elem('box') {
                                 margin-block-start: 0;
                         }
                 }
-    
+
                 @include bem.modifier('accent') {
                         @include bem.elem('native') {
                                 &:checked {
                                         @include bem.sibling-elem('box') {
                                                 background-color: props.get(vars.$accent--box-border-color);
                                         }
-        
+
                                         &:hover,
                                         &:focus-visible {
                                                 @include bem.sibling-elem('box') {
@@ -190,12 +190,12 @@
                                                 }
                                         }
                                 }
-    
+
                                 &:indeterminate {
                                         @include bem.sibling-elem('box') {
                                                 background-color: props.get(vars.$accent--box-border-color);
                                         }
-        
+
                                         &:hover,
                                         &:focus-visible {
                                                 @include bem.sibling-elem('box') {
@@ -203,11 +203,11 @@
                                                 }
                                         }
                                 }
-    
+
                                 &:disabled {
                                         @include bem.sibling-elem('box') {
                                                 background-color: props.get(vars.$disabled--box-border-color);
-        
+
                                                 &::before {
                                                         background-color: props.get(vars.$disabled--box-bg-color);
                                                 }
@@ -218,7 +218,7 @@
                                                         background-color: props.get(vars.$disabled--box-border-color);
                                                 }
                                         }
-        
+
                                         &:indeterminate {
                                                 @include bem.sibling-elem('box') {
                                                         background-color: props.get(vars.$disabled--box-border-color);
diff --git a/src/objects/_checkbox.vars.scss b/src/objects/_checkbox.vars.scss
index 25a0d3d..278aac8 100644
--- a/src/objects/_checkbox.vars.scss
+++ b/src/objects/_checkbox.vars.scss
@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/props';
 @use '../core.vars' as core;
 
 $size:            props.def(--o-checkbox--size, props.get(core.$size--175)) !default;
diff --git a/src/objects/_dialog.scss b/src/objects/_dialog.scss
index e3c786d..d2ee8c3 100644
--- a/src/objects/_dialog.scss
+++ b/src/objects/_dialog.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/bem';
+@use 'pkg:iro-sass/src/props';
 @use '../props' as *;
 
 @forward 'dialog.vars';
diff --git a/src/objects/_dialog.vars.scss b/src/objects/_dialog.vars.scss
index 490dc40..39c47ba 100644
--- a/src/objects/_dialog.vars.scss
+++ b/src/objects/_dialog.vars.scss
@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/props';
 @use '../core.vars' as core;
 @use '../layouts/container.vars' as container;
 
diff --git a/src/objects/_divider.scss b/src/objects/_divider.scss
index 51175a7..d81284b 100644
--- a/src/objects/_divider.scss
+++ b/src/objects/_divider.scss
@@ -1,8 +1,8 @@
 @use 'sass:map';
 @use 'sass:meta';
 @use 'sass:string';
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/bem';
+@use 'pkg:iro-sass/src/props';
 @use '../props' as *;
 @use '../core.vars' as core;
 
@@ -171,29 +171,29 @@
                                         &::after {
                                                 background-color: props.get(vars.$static-themes, $theme, --medium, --bg);
                                         }
-    
+
                                         @include bem.elem('label') {
                                                 color: props.get(vars.$static-themes, $theme, --medium, --label);
                                         }
                                 }
-    
+
                                 @include bem.modifier('quiet') {
                                         &::before,
                                         &::after {
                                                 background-color: props.get(vars.$static-themes, $theme, --quiet, --bg);
                                         }
-    
+
                                         @include bem.elem('label') {
                                                 color: props.get(vars.$static-themes, $theme, --quiet, --label);
                                         }
                                 }
-    
+
                                 @include bem.modifier('faint') {
                                         &::before,
                                         &::after {
                                                 background-color: props.get(vars.$static-themes, $theme, --faint, --bg);
                                         }
-    
+
                                         @include bem.elem('label') {
                                                 color: props.get(vars.$static-themes, $theme, --faint, --label);
                                         }
diff --git a/src/objects/_divider.vars.scss b/src/objects/_divider.vars.scss
index 7081f47..a8b0f9f 100644
--- a/src/objects/_divider.vars.scss
+++ b/src/objects/_divider.vars.scss
@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use 'sass:string';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/props';
 @use '../core.vars' as core;
 
 $margin-b:               props.def(--o-divider--size, props.get(core.$size--85)) !default;
diff --git a/src/objects/_emoji.scss b/src/objects/_emoji.scss
index fd36535..655e662 100644
--- a/src/objects/_emoji.scss
+++ b/src/objects/_emoji.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/bem';
+@use 'pkg:iro-sass/src/props';
 @use '../props' as *;
 @use 'icon.vars' as icon;
 
diff --git a/src/objects/_emoji.vars.scss b/src/objects/_emoji.vars.scss
index b7a8a43..cf940cf 100644
--- a/src/objects/_emoji.vars.scss
+++ b/src/objects/_emoji.vars.scss
@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/props';
 @use '../core.vars' as core;
 
 $size:     props.def(--o-emoji--size, calc(1 / 14 * 18em)) !default;
diff --git a/src/objects/_field-label.scss b/src/objects/_field-label.scss
index aa12eb5..23875f5 100644
--- a/src/objects/_field-label.scss
+++ b/src/objects/_field-label.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/bem';
+@use 'pkg:iro-sass/src/props';
 @use '../props' as *;
 
 @forward 'field-label.vars';
@@ -18,55 +18,55 @@
                         font-weight:        400;
                         line-height:        1.3;
                         color:              props.get(vars.$label-color);
-    
+
                         @include bem.next-elem('content') {
                                 margin-block-start: props.get(vars.$spacing-b);
                         }
                 }
-    
+
                 @include bem.elem('content') {
                         display: block;
                         flex:    1 1 auto;
                 }
-    
+
                 @include bem.elem('hint') {
                         display:            block;
                         margin-block-start: props.get(vars.$spacing-b);
                         font-size:          props.get(vars.$hint-font-size);
                         color:              props.get(vars.$hint-color);
                 }
-    
+
                 @include bem.is('invalid') {
                         @include bem.elem('hint') {
                                 color: props.get(vars.$error-hint-color);
                         }
                 }
-    
+
                 @include bem.is('disabled') {
                         @include bem.elem('label', 'hint') {
                                 color: props.get(vars.$disabled-color);
                         }
                 }
-    
+
                 @include bem.modifier('align-start', 'align-end') {
                         display:     flex;
                         align-items: baseline;
-    
+
                         @include bem.elem('label') {
                                 display: inline-block;
-    
+
                                 @include bem.next-elem('content') {
                                         margin-block-start: 0;
                                 }
                         }
                 }
-    
+
                 @include bem.modifier('align-start') {
                         @include bem.elem('label') {
                                 text-align: start;
                         }
                 }
-    
+
                 @include bem.modifier('align-end') {
                         @include bem.elem('label') {
                                 text-align: end;
diff --git a/src/objects/_field-label.vars.scss b/src/objects/_field-label.vars.scss
index 844a10b..5bd4547 100644
--- a/src/objects/_field-label.vars.scss
+++ b/src/objects/_field-label.vars.scss
@@ -1,4 +1,4 @@
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/props';
 @use '../core.vars' as core;
 
 $spacing-i:       props.def(--o-field-label--spacing-i, props.get(core.$size--150)) !default;
diff --git a/src/objects/_figure.scss b/src/objects/_figure.scss
index 27e0f6a..04b9bdf 100644
--- a/src/objects/_figure.scss
+++ b/src/objects/_figure.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/bem';
+@use 'pkg:iro-sass/src/props';
 @use '../props' as *;
 
 @forward 'figure.vars';
diff --git a/src/objects/_figure.vars.scss b/src/objects/_figure.vars.scss
index 78f5d15..3de3406 100644
--- a/src/objects/_figure.vars.scss
+++ b/src/objects/_figure.vars.scss
@@ -1,4 +1,4 @@
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/props';
 @use '../core.vars' as core;
 
 $pad-b:        props.def(--o-figure--pad-b, props.get(core.$size--100)) !default;
diff --git a/src/objects/_heading.scss b/src/objects/_heading.scss
index eed30e8..0e8392e 100644
--- a/src/objects/_heading.scss
+++ b/src/objects/_heading.scss
@@ -1,8 +1,8 @@
 @use 'sass:map';
 @use 'sass:meta';
 @use 'sass:string';
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/bem';
+@use 'pkg:iro-sass/src/props';
 @use '../props' as *;
 
 @forward 'heading.vars';
@@ -66,7 +66,7 @@
                 @each $theme in map.keys(props.get(vars.$static-themes)) {
                         @include bem.modifier(string.slice($theme, 3)) {
                                 color: props.get(vars.$static-themes, $theme, --text-color);
-                                                
+
                                 @each $mod, $value in vars.$sizes {
                                         @include bem.modifier($mod) {
                                                 color: props.get(vars.$static-themes, $theme, --#{$mod}, --text-color);
@@ -81,7 +81,7 @@
                                         transparent                                        props.get(vars.$bg-end));
                                 }
 
-                                @include bem.modifier('display') {      
+                                @include bem.modifier('display') {
                                         @each $mod, $value in vars.$sizes {
                                                 @include bem.modifier($mod) {
                                                         color: props.get(vars.$static-themes, $theme, --display, --#{$mod}, --text-color);
diff --git a/src/objects/_heading.vars.scss b/src/objects/_heading.vars.scss
index 03ed7dd..4267b8c 100644
--- a/src/objects/_heading.vars.scss
+++ b/src/objects/_heading.vars.scss
@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use 'sass:string';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/props';
 @use '../core.vars' as core;
 
 $offset:            props.def(--o-heading--offset, -.02em) !default;
diff --git a/src/objects/_icon.scss b/src/objects/_icon.scss
index 1941960..1d046e0 100644
--- a/src/objects/_icon.scss
+++ b/src/objects/_icon.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/bem';
+@use 'pkg:iro-sass/src/props';
 @use '../props' as *;
 
 @forward 'icon.vars';
diff --git a/src/objects/_icon.vars.scss b/src/objects/_icon.vars.scss
index ff1541d..2a37212 100644
--- a/src/objects/_icon.vars.scss
+++ b/src/objects/_icon.vars.scss
@@ -1,4 +1,4 @@
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/props';
 
 $stroke-width: props.def(--o-icon--stroke-width, 1.5px) !default;
 $size:         props.def(--o-icon--size, calc(1 / 14 * 16em)) !default;
diff --git a/src/objects/_lightbox.scss b/src/objects/_lightbox.scss
index 32fe6b4..a173d57 100644
--- a/src/objects/_lightbox.scss
+++ b/src/objects/_lightbox.scss
@@ -1,8 +1,8 @@
 @use 'sass:map';
 @use 'sass:meta';
 @use 'sass:string';
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/bem';
+@use 'pkg:iro-sass/src/props';
 @use '../props' as *;
 
 @forward 'lightbox.vars';
diff --git a/src/objects/_lightbox.vars.scss b/src/objects/_lightbox.vars.scss
index a74f514..6fb84f7 100644
--- a/src/objects/_lightbox.vars.scss
+++ b/src/objects/_lightbox.vars.scss
@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use 'sass:string';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/props';
 @use '../core.vars' as core;
 
 $pad: props.def(--o-lightbox--pad, props.get(core.$size--150)) !default;
diff --git a/src/objects/_menu.scss b/src/objects/_menu.scss
index f370067..dce14a8 100644
--- a/src/objects/_menu.scss
+++ b/src/objects/_menu.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/bem';
+@use 'pkg:iro-sass/src/props';
 @use '../props' as *;
 @use 'icon.vars' as icon;
 
diff --git a/src/objects/_menu.vars.scss b/src/objects/_menu.vars.scss
index d242a1f..9396117 100644
--- a/src/objects/_menu.vars.scss
+++ b/src/objects/_menu.vars.scss
@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/props';
 @use '../core.vars' as core;
 
 $spacing:           props.def(--o-menu--spacing, 0em) !default;
diff --git a/src/objects/_navbar.scss b/src/objects/_navbar.scss
index ae18614..cc1eaaa 100644
--- a/src/objects/_navbar.scss
+++ b/src/objects/_navbar.scss
@@ -2,8 +2,8 @@
 @use 'sass:map';
 @use 'sass:meta';
 @use 'sass:string';
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/bem';
+@use 'pkg:iro-sass/src/props';
 @use '../props' as *;
 
 @forward 'navbar.vars';
diff --git a/src/objects/_navbar.vars.scss b/src/objects/_navbar.vars.scss
index 934e9b9..e96b714 100644
--- a/src/objects/_navbar.vars.scss
+++ b/src/objects/_navbar.vars.scss
@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use 'sass:string';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/props';
 @use '../core.vars' as core;
 
 $block-size: props.def(--o-navbar--block-size, props.get(core.$size--1000)) !default;
@@ -82,7 +82,7 @@ $default-theme: map.deep-merge((
                                 --bg-color:     props.get(core.$theme, --border),
                                 --text-color:  props.get(core.$theme, --heading),
                         ),
-    
+
                         --active: (
                                 --bg-color:     props.get(core.$theme, --border-strong),
                                 --text-color:  props.get(core.$theme, --heading),
@@ -161,7 +161,7 @@ $default-theme: props.def(--o-navbar, $default-theme, 'color');
                                                 --bg-color:    props.get(core.$transparent-colors, $theme, --400),
                                                 --text-color:  props.get(core.$transparent-colors, $theme, --900),
                                         ),
-                        
+
                                         --active: (
                                                 --bg-color:    props.get(core.$transparent-colors, $theme, --500),
                                                 --text-color:  props.get(core.$transparent-colors, $theme, --900),
diff --git a/src/objects/_palette.scss b/src/objects/_palette.scss
index 79c0f6c..f503812 100644
--- a/src/objects/_palette.scss
+++ b/src/objects/_palette.scss
@@ -1,9 +1,9 @@
 @use 'sass:list';
 @use 'sass:map';
 @use 'sass:string';
-@use 'iro-sass/src/bem';
+@use 'pkg:iro-sass/src/bem';
 @use '../config';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/props';
 @use '../core.vars' as core;
 
 @mixin styles {
@@ -33,7 +33,7 @@
                                 @include bem.elem('item') {
                                         @for $i from 1 through list.length($levels) {
                                                 $key: list.nth(map.keys($levels), $i);
-        
+
                                                 &:nth-child(#{$i}) {
                                                         background-color: props.get(core.$theme, $palette-name, $key);
                                                 }
@@ -50,7 +50,7 @@
                                         @include bem.elem('item') {
                                                 @for $i from 1 through list.length($levels) {
                                                         $key: list.nth(map.keys($levels), $i);
-            
+
                                                         &:nth-child(#{$i}) {
                                                                 background-color: props.get(core.$theme, #{$palette-name}-static, $key);
                                                         }
diff --git a/src/objects/_placeholders.scss b/src/objects/_placeholders.scss
index 80fc913..683f57e 100644
--- a/src/objects/_placeholders.scss
+++ b/src/objects/_placeholders.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/bem';
+@use 'pkg:iro-sass/src/props';
 @use '../props' as *;
 
 @forward 'placeholders.vars';
diff --git a/src/objects/_placeholders.vars.scss b/src/objects/_placeholders.vars.scss
index a2e41e2..1ac4ef7 100644
--- a/src/objects/_placeholders.vars.scss
+++ b/src/objects/_placeholders.vars.scss
@@ -1,4 +1,4 @@
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/props';
 @use '../core.vars' as core;
 
 $min-block-size: props.def(--o-placeholder--min-block-size, 1em) !default;
diff --git a/src/objects/_popover.scss b/src/objects/_popover.scss
index 2746477..1cb5660 100644
--- a/src/objects/_popover.scss
+++ b/src/objects/_popover.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/bem';
+@use 'pkg:iro-sass/src/props';
 @use '../props' as *;
 
 @forward 'popover.vars';
diff --git a/src/objects/_popover.vars.scss b/src/objects/_popover.vars.scss
index e560d1b..202d71a 100644
--- a/src/objects/_popover.vars.scss
+++ b/src/objects/_popover.vars.scss
@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/props';
 @use '../core.vars' as core;
 
 $z-index:         props.def(--o-popover--z-index, 11000) !default;
diff --git a/src/objects/_radio.scss b/src/objects/_radio.scss
index 8327a15..ae4a85a 100644
--- a/src/objects/_radio.scss
+++ b/src/objects/_radio.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/bem';
+@use 'pkg:iro-sass/src/props';
 @use '../props' as *;
 @use '../core.vars' as core;
 
@@ -18,7 +18,7 @@
                 margin-inline:
                         calc(-1 * props.get(vars.$pad-i) - props.get(vars.$key-focus--border-offset))
                         calc(props.get(vars.$spacing-sibling) - props.get(vars.$pad-i) - props.get(vars.$key-focus--border-offset));
-    
+
                 @include bem.elem('circle') {
                         display:            inline-block;
                         flex:               0 0 auto;
@@ -30,7 +30,7 @@
                         background-clip:    padding-box;
                         border:             props.get(vars.$key-focus--border-offset) solid transparent;
                         border-radius:      2em;
-    
+
                         &::after {
                                 position:           relative;
                                 inset-block-start:  props.get(vars.$border-width);
@@ -44,11 +44,11 @@
                                 transition:         transform .2s ease;
                         }
                 }
-    
+
                 @include bem.elem('label') {
                         margin-inline-start: calc(props.get(vars.$label-gap) - props.get(vars.$key-focus--border-offset));
                 }
-    
+
                 @include bem.elem('native') {
                         position:           absolute;
                         inset-block-start:  0;
@@ -61,18 +61,18 @@
                         overflow:           hidden;
                         appearance:         none;
                         border-radius:      props.get(vars.$rounding);
-    
+
                         &:hover,
                         &:focus-visible {
                                 @include bem.sibling-elem('label') {
                                         color: props.get(vars.$hover--label-color);
                                 }
-    
+
                                 @include bem.sibling-elem('circle') {
                                         background-color: props.get(vars.$hover--circle-border-color);
                                 }
                         }
-    
+
                         &:checked {
                                 @include bem.sibling-elem('circle') {
                                         &::after {
@@ -80,15 +80,15 @@
                                         }
                                 }
                         }
-    
+
                         &:disabled {
                                 @include bem.sibling-elem('label') {
                                         color: props.get(vars.$disabled--label-color);
                                 }
-    
+
                                 @include bem.sibling-elem('circle') {
                                         background-color: props.get(vars.$disabled--circle-border-color);
-    
+
                                         &::after {
                                                 background-color: props.get(vars.$disabled--circle-bg-color);
                                         }
@@ -111,20 +111,20 @@
                                 }
                         }
                 }
-    
+
                 @include bem.modifier('standalone') {
                         @include bem.elem('circle') {
                                 margin-block-start: 0;
                         }
                 }
-    
+
                 @include bem.modifier('accent') {
                         @include bem.elem('native') {
                                 &:checked {
                                         @include bem.sibling-elem('circle') {
                                                 background-color: props.get(vars.$accent--circle-border-color);
                                         }
-        
+
                                         &:hover,
                                         &:focus-visible {
                                                 @include bem.sibling-elem('circle') {
@@ -132,16 +132,16 @@
                                                 }
                                         }
                                 }
-    
+
                                 &:disabled {
                                         @include bem.sibling-elem('circle') {
                                                 background-color: props.get(vars.$disabled--circle-border-color);
-        
+
                                                 &::after {
                                                         background-color: props.get(vars.$disabled--circle-bg-color);
                                                 }
                                         }
-        
+
                                         &:checked {
                                                 @include bem.sibling-elem('circle') {
                                                         background-color: props.get(vars.$disabled--circle-border-color);
diff --git a/src/objects/_radio.vars.scss b/src/objects/_radio.vars.scss
index b18ae2b..a5f249d 100644
--- a/src/objects/_radio.vars.scss
+++ b/src/objects/_radio.vars.scss
@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/props';
 @use '../core.vars' as core;
 
 $diameter:         props.def(--o-radio--diameter, props.get(core.$size--200)) !default;
diff --git a/src/objects/_side-nav.scss b/src/objects/_side-nav.scss
index 75d2a16..272d38c 100644
--- a/src/objects/_side-nav.scss
+++ b/src/objects/_side-nav.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/bem';
+@use 'pkg:iro-sass/src/props';
 @use '../props' as *;
 @use 'icon.vars' as icon;
 
diff --git a/src/objects/_side-nav.vars.scss b/src/objects/_side-nav.vars.scss
index 7a2cfae..d6a7de1 100644
--- a/src/objects/_side-nav.vars.scss
+++ b/src/objects/_side-nav.vars.scss
@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/props';
 @use '../core.vars' as core;
 
 $spacing:           props.def(--o-side-nav--spacing, props.get(core.$size--50)) !default;
diff --git a/src/objects/_status-indicator.scss b/src/objects/_status-indicator.scss
index 4e4aa42..fe8fe26 100644
--- a/src/objects/_status-indicator.scss
+++ b/src/objects/_status-indicator.scss
@@ -1,8 +1,8 @@
 @use 'sass:map';
 @use 'sass:meta';
 @use 'sass:string';
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/bem';
+@use 'pkg:iro-sass/src/props';
 @use '../props' as *;
 
 @forward 'status-indicator.vars';
diff --git a/src/objects/_status-indicator.vars.scss b/src/objects/_status-indicator.vars.scss
index 55b446a..dfe628f 100644
--- a/src/objects/_status-indicator.vars.scss
+++ b/src/objects/_status-indicator.vars.scss
@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/props';
 @use '../config';
 @use '../core.vars' as core;
 
diff --git a/src/objects/_switch.scss b/src/objects/_switch.scss
index 48cec24..0ef95e6 100644
--- a/src/objects/_switch.scss
+++ b/src/objects/_switch.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/bem';
+@use 'pkg:iro-sass/src/props';
 @use '../props' as *;
 @use '../core.vars' as core;
 
@@ -18,7 +18,7 @@
                 margin-inline:
                         calc(-1 * props.get(vars.$pad-i) - props.get(vars.$key-focus--border-offset))
                         calc(props.get(vars.$spacing-sibling) - props.get(vars.$pad-i) - props.get(vars.$key-focus--border-offset));
-    
+
                 @include bem.elem('indicator') {
                         display:            inline-block;
                         flex:               0 0 auto;
@@ -31,7 +31,7 @@
                         border:             props.get(vars.$key-focus--border-offset) solid transparent;
                         border-radius:      2em;
                         transition:         background-color .2s ease;
-    
+
                         &::after {
                                 display:          block;
                                 inline-size:      calc(props.get(vars.$block-size) - 2 * props.get(vars.$border-width));
@@ -43,11 +43,11 @@
                                 transition:       transform .2s ease;
                         }
                 }
-    
+
                 @include bem.elem('label') {
                         margin-inline-start: props.get(vars.$label-gap);
                 }
-    
+
                 @include bem.elem('native') {
                         position:           absolute;
                         inset-block-start:  0;
@@ -60,30 +60,30 @@
                         overflow:           hidden;
                         appearance:         none;
                         border-radius:      props.get(vars.$rounding);
-    
+
                         &:hover,
                         &:focus-visible {
                                 @include bem.sibling-elem('label') {
                                         color: props.get(vars.$hover--label-color);
                                 }
-    
+
                                 @include bem.sibling-elem('indicator') {
                                         &::after {
                                                 border-color: props.get(vars.$hover--handle-border-color);
                                         }
                                 }
                         }
-    
+
                         &:checked {
                                 @include bem.sibling-elem('indicator') {
                                         background-color: props.get(vars.$handle-border-color);
-    
+
                                         &::after {
                                                 border-color: props.get(vars.$handle-border-color);
                                                 transform:    translate(calc(props.get(vars.$inline-size) - props.get(vars.$block-size) + .5px), 0);
                                         }
                                 }
-    
+
                                 &:hover,
                                 &:focus-visible {
                                         @include bem.sibling-elem('indicator') {
@@ -95,32 +95,32 @@
                                         }
                                 }
                         }
-    
+
                         &:disabled {
                                 @include bem.sibling-elem('label') {
                                         color: props.get(vars.$disabled--label-color);
                                 }
-    
+
                                 @include bem.sibling-elem('indicator') {
                                         background-color: props.get(vars.$disabled--track-bg-color);
-    
+
                                         &::after {
                                                 background-color: props.get(vars.$disabled--handle-bg-color);
                                                 border-color:     props.get(vars.$disabled--handle-border-color);
                                         }
                                 }
-    
+
                                 &:checked {
                                         @include bem.sibling-elem('indicator') {
                                                 background-color: props.get(vars.$disabled--handle-border-color);
-    
+
                                                 &::after {
                                                         border-color: props.get(vars.$disabled--handle-border-color);
                                                 }
                                         }
                                 }
                         }
-    
+
                         &:focus-visible {
                                 @include bem.sibling-elem('label') {
                                         color: props.get(vars.$key-focus--label-color);
@@ -129,7 +129,7 @@
                                 @include bem.sibling-elem('indicator') {
                                         outline:    props.get(vars.$key-focus--border-color) solid props.get(vars.$key-focus--border-width);
                                         box-shadow:
-                                                0 
+                                                0
                                                 0
                                                 0
                                                 calc(props.get(vars.$key-focus--border-width) + props.get(vars.$key-focus--outline-width))
@@ -137,36 +137,36 @@
                                 }
                         }
                 }
-    
+
                 @include bem.modifier('standalone') {
                         @include bem.elem('indicator') {
                                 margin-block-start: 0;
                         }
                 }
-    
+
                 @include bem.modifier('accent') {
                         @include bem.elem('native') {
                                 &:checked {
                                         @include bem.sibling-elem('indicator') {
                                                 background-color: props.get(vars.$accent--handle-border-color);
-        
+
                                                 &::after {
                                                         border-color: props.get(vars.$accent--handle-border-color);
                                                 }
                                         }
-        
+
                                         &:hover,
                                         &:focus-visible {
                                                 @include bem.sibling-elem('indicator') {
                                                         background-color: props.get(vars.$accent--hover--handle-border-color);
-    
+
                                                         &::after {
                                                                 border-color: props.get(vars.$accent--hover--handle-border-color);
                                                         }
                                                 }
                                         }
                                 }
-        
+
                                 &:disabled {
                                         @include bem.sibling-elem('label') {
                                                 color: props.get(vars.$disabled--label-color);
diff --git a/src/objects/_switch.vars.scss b/src/objects/_switch.vars.scss
index 10489a5..761cacd 100644
--- a/src/objects/_switch.vars.scss
+++ b/src/objects/_switch.vars.scss
@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/props';
 @use '../core.vars' as core;
 
 $inline-size:     props.def(--o-switch--inline-size, props.get(core.$size--350)) !default;
@@ -34,4 +34,3 @@ $disabled--handle-bg-color:     props.def(--o-switch--disabled--handle-bg-color,
 $key-focus--label-color:   props.def(--o-switch--key-focus--label-color, props.get(core.$theme, --focus, --text), 'color') !default;
 $key-focus--border-color:  props.def(--o-switch--key-focus--border-color, props.get(core.$theme, --focus, --border), 'color') !default;
 $key-focus--outline-color: props.def(--o-switch--key-focus--outline-color, props.get(core.$theme, --focus, --outline), 'color') !default;
-
diff --git a/src/objects/_tabbar.scss b/src/objects/_tabbar.scss
index 80aeb53..d43208f 100644
--- a/src/objects/_tabbar.scss
+++ b/src/objects/_tabbar.scss
@@ -1,8 +1,8 @@
 @use 'sass:map';
 @use 'sass:meta';
 @use 'sass:string';
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/bem';
+@use 'pkg:iro-sass/src/props';
 @use '../props' as *;
 
 @forward 'tabbar.vars';
diff --git a/src/objects/_tabbar.vars.scss b/src/objects/_tabbar.vars.scss
index 3cf01fd..d9cc53e 100644
--- a/src/objects/_tabbar.vars.scss
+++ b/src/objects/_tabbar.vars.scss
@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use 'sass:string';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/props';
 @use '../core.vars' as core;
 
 $block-size: props.def(--o-tabbar--block-size, props.get(core.$size--700)) !default;
@@ -9,7 +9,7 @@ $spacing:    props.def(--o-tabbar--spacing, props.get(core.$size--400)) !default
 $tab--pad-i: props.def(--o-tabbar--tab--pad-i, props.get(core.$size--50)) !default;
 
 $border--width:    props.def(--o-tabbar--border--width, props.get(core.$border-width--thin)) !default;
-$indicator--width: props.def(--o-tabbar--indicator--width, props.get(core.$border-width--medium)) !default; 
+$indicator--width: props.def(--o-tabbar--indicator--width, props.get(core.$border-width--medium)) !default;
 
 $key-focus--border-width:  props.def(--o-tabbar--key-focus--border-width, props.get(core.$key-focus--border-width)) !default;
 $key-focus--border-offset: props.def(--o-tabbar--key-focus--border-offset, props.get(core.$key-focus--border-offset)) !default;
diff --git a/src/objects/_table.scss b/src/objects/_table.scss
index 9e4891d..effa61f 100644
--- a/src/objects/_table.scss
+++ b/src/objects/_table.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/bem';
+@use 'pkg:iro-sass/src/props';
 @use '../props' as *;
 
 @forward 'table.vars';
@@ -65,35 +65,35 @@
                 @include bem.modifier('box') {
                         @include bem.elem('cell') {
                                 background-color: props.get(vars.$box--bg-color);
-            
+
                                 &:first-child {
                                         border-inline-start-width: props.get(vars.$border-width);
                                 }
-            
+
                                 &:last-child {
                                         border-inline-end-width: props.get(vars.$border-width);
                                 }
                         }
-    
+
                         @include bem.elem('row') {
                                 &:first-child {
                                         @include bem.elem('cell') {
                                                 &:first-child {
                                                         border-start-start-radius: props.get(vars.$rounding);
                                                 }
-            
+
                                                 &:last-child {
                                                         border-start-end-radius: props.get(vars.$rounding);
                                                 }
                                         }
                                 }
-    
+
                                 &:last-child {
                                         @include bem.elem('cell') {
                                                 &:first-child {
                                                         border-end-start-radius: props.get(vars.$rounding);
                                                 }
-            
+
                                                 &:last-child {
                                                         border-end-end-radius: props.get(vars.$rounding);
                                                 }
@@ -113,7 +113,7 @@
                                                 background-color: props.get(vars.$hover--bg-color);
                                         }
                                 }
-    
+
                                 &:active {
                                         @include bem.elem('cell') {
                                                 background-color: props.get(vars.$active--bg-color);
@@ -128,7 +128,7 @@
                                                         background-color: props.get(vars.$box--hover--bg-color);
                                                 }
                                         }
-        
+
                                         &:active {
                                                 @include bem.elem('cell') {
                                                         background-color: props.get(vars.$box--active--bg-color);
diff --git a/src/objects/_table.vars.scss b/src/objects/_table.vars.scss
index b8d8093..7c5683c 100644
--- a/src/objects/_table.vars.scss
+++ b/src/objects/_table.vars.scss
@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/props';
 @use '../core.vars' as core;
 
 $pad-i:        props.def(--o-table--pad-i, props.get(core.$size--175)) !default;
diff --git a/src/objects/_text-field.scss b/src/objects/_text-field.scss
index b89e148..5a48df3 100644
--- a/src/objects/_text-field.scss
+++ b/src/objects/_text-field.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/bem';
+@use 'pkg:iro-sass/src/props';
 @use '../props' as *;
 
 @forward 'text-field.vars';
@@ -8,7 +8,7 @@
 
 @mixin -invalid {
         $focus-border-offset: calc(props.get(vars.$border-width) - props.get(vars.$focus--border-width));
-    
+
         @include bem.sibling-elem('bg') {
                 inset-block:   $focus-border-offset;
                 inset-inline:  $focus-border-offset;
@@ -42,7 +42,7 @@
 
         @include bem.object('text-field') {
                 $focus-border-offset: calc(props.get(vars.$border-width) - props.get(vars.$focus--border-width));
-        
+
                 position:         relative;
                 min-inline-size:  0;
                 background-color: props.get(vars.$bg-color);
diff --git a/src/objects/_text-field.vars.scss b/src/objects/_text-field.vars.scss
index 51099d8..ef06822 100644
--- a/src/objects/_text-field.vars.scss
+++ b/src/objects/_text-field.vars.scss
@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/props';
 @use '../core.vars' as core;
 
 $line-height:  props.def(--o-text-field--line-height, 1.4) !default;
diff --git a/src/objects/_thumbnail.scss b/src/objects/_thumbnail.scss
index 2ccb50b..9925dd0 100644
--- a/src/objects/_thumbnail.scss
+++ b/src/objects/_thumbnail.scss
@@ -1,8 +1,8 @@
 @use 'sass:map';
 @use 'sass:meta';
 @use 'sass:string';
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/bem';
+@use 'pkg:iro-sass/src/props';
 @use '../props' as *;
 
 @forward 'thumbnail.vars';
@@ -72,7 +72,7 @@
                                 &:focus-visible {
                                         outline-color: props.get(vars.$static-themes, $theme, --hover, --border);
                                 }
-    
+
                                 @include bem.is('selected') {
                                         border-color: props.get(vars.$static-themes, $theme, --selected, --border);
                                 }
@@ -80,7 +80,7 @@
                                 &:focus-visible {
                                         outline-color: props.get(vars.$static-themes, $theme, --key-focus, --border);
                                         border-color:  transparent;
-                                        box-shadow: 
+                                        box-shadow:
                                                 0
                                                 0
                                                 0
diff --git a/src/objects/_thumbnail.vars.scss b/src/objects/_thumbnail.vars.scss
index d2a38c0..a5625fc 100644
--- a/src/objects/_thumbnail.vars.scss
+++ b/src/objects/_thumbnail.vars.scss
@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use 'sass:string';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/props';
 @use '../core.vars' as core;
 
 $size:         props.def(--o-thumbnail--size, props.get(core.$size--900)) !default;
@@ -33,11 +33,11 @@ $static-themes: props.def(--o-thumbnail, (), 'color');
         $static-themes: props.merge($static-themes, (
                 $thumbnail-theme: (
                         --border: props.get(core.$transparent-colors, $theme, --400),
-    
+
                         --hover: (
                                 --border: props.get(core.$transparent-colors, $theme, --500),
                         ),
-            
+
                         --selected: (
                                 --border: props.get(core.$transparent-colors, $theme, --900),
                         ),