From 5216739cf9b084f7388d687b84044f522d267cbf Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Wed, 22 Jul 2026 07:55:43 +0200
Subject: Use iro-sass via pkg:

---
 src/objects/_alert.scss                 |  4 +--
 src/objects/_alert.vars.scss            |  2 +-
 src/objects/_avatar.scss                |  8 ++---
 src/objects/_avatar.vars.scss           |  2 +-
 src/objects/_backdrop.scss              |  4 +--
 src/objects/_backdrop.vars.scss         |  2 +-
 src/objects/_button.scss                |  4 +--
 src/objects/_button.vars.scss           |  2 +-
 src/objects/_card.scss                  |  4 +--
 src/objects/_card.vars.scss             |  2 +-
 src/objects/_checkbox.scss              | 56 ++++++++++++++++-----------------
 src/objects/_checkbox.vars.scss         |  2 +-
 src/objects/_dialog.scss                |  4 +--
 src/objects/_dialog.vars.scss           |  2 +-
 src/objects/_divider.scss               | 14 ++++-----
 src/objects/_divider.vars.scss          |  2 +-
 src/objects/_emoji.scss                 |  4 +--
 src/objects/_emoji.vars.scss            |  2 +-
 src/objects/_field-label.scss           | 24 +++++++-------
 src/objects/_field-label.vars.scss      |  2 +-
 src/objects/_figure.scss                |  4 +--
 src/objects/_figure.vars.scss           |  2 +-
 src/objects/_heading.scss               |  8 ++---
 src/objects/_heading.vars.scss          |  2 +-
 src/objects/_icon.scss                  |  4 +--
 src/objects/_icon.vars.scss             |  2 +-
 src/objects/_lightbox.scss              |  4 +--
 src/objects/_lightbox.vars.scss         |  2 +-
 src/objects/_menu.scss                  |  4 +--
 src/objects/_menu.vars.scss             |  2 +-
 src/objects/_navbar.scss                |  4 +--
 src/objects/_navbar.vars.scss           |  6 ++--
 src/objects/_palette.scss               |  8 ++---
 src/objects/_placeholders.scss          |  4 +--
 src/objects/_placeholders.vars.scss     |  2 +-
 src/objects/_popover.scss               |  4 +--
 src/objects/_popover.vars.scss          |  2 +-
 src/objects/_radio.scss                 | 36 ++++++++++-----------
 src/objects/_radio.vars.scss            |  2 +-
 src/objects/_side-nav.scss              |  4 +--
 src/objects/_side-nav.vars.scss         |  2 +-
 src/objects/_status-indicator.scss      |  4 +--
 src/objects/_status-indicator.vars.scss |  2 +-
 src/objects/_switch.scss                | 48 ++++++++++++++--------------
 src/objects/_switch.vars.scss           |  3 +-
 src/objects/_tabbar.scss                |  4 +--
 src/objects/_tabbar.vars.scss           |  4 +--
 src/objects/_table.scss                 | 20 ++++++------
 src/objects/_table.vars.scss            |  2 +-
 src/objects/_text-field.scss            |  8 ++---
 src/objects/_text-field.vars.scss       |  2 +-
 src/objects/_thumbnail.scss             |  8 ++---
 src/objects/_thumbnail.vars.scss        |  6 ++--
 53 files changed, 182 insertions(+), 183 deletions(-)

(limited to 'src/objects')

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),
 			),
-- 
cgit v1.3.1