74 files changed, 144 insertions, 146 deletions

diff --git a/src/_core.vars.scss b/src/_core.vars.scss
index 85aec23..61dabe8 100644
--- a/src/_core.vars.scss
+++ b/src/_core.vars.scss
@@ -3,59 +3,59 @@
 @use 'sass:map';
 @use 'sass:meta';
 @use 'sass:list';
-@use 'iro-sass/src/iro-sass' as iro;
 @use 'functions' as fn;
 @use 'config';
-@use 'props';
+@use 'iro-sass/src/functions';
+@use 'iro-sass/src/props';
 
 $size--0:    props.def(--size--0, 0) !default;
-$size--10:   props.def(--size--10, iro.fn-px-to-rem(1px)) !default;
-$size--25:   props.def(--size--25, iro.fn-px-to-rem(2px)) !default;
-$size--40:   props.def(--size--40, iro.fn-px-to-rem(3px)) !default;
-$size--50:   props.def(--size--50, iro.fn-px-to-rem(4px)) !default;
-$size--65:   props.def(--size--65, iro.fn-px-to-rem(5px)) !default;
-$size--75:   props.def(--size--75, iro.fn-px-to-rem(6px)) !default;
-$size--85:   props.def(--size--85, iro.fn-px-to-rem(7px)) !default;
-$size--100:  props.def(--size--100, iro.fn-px-to-rem(8px)) !default;
-$size--115:  props.def(--size--115, iro.fn-px-to-rem(9px)) !default;
-$size--125:  props.def(--size--125, iro.fn-px-to-rem(10px)) !default;
-$size--130:  props.def(--size--130, iro.fn-px-to-rem(11px)) !default;
-$size--150:  props.def(--size--150, iro.fn-px-to-rem(12px)) !default;
-$size--160:  props.def(--size--160, iro.fn-px-to-rem(13px)) !default;
-$size--175:  props.def(--size--175, iro.fn-px-to-rem(14px)) !default;
-$size--200:  props.def(--size--200, iro.fn-px-to-rem(16px)) !default;
-$size--225:  props.def(--size--225, iro.fn-px-to-rem(18px)) !default;
-$size--250:  props.def(--size--250, iro.fn-px-to-rem(20px)) !default;
-$size--275:  props.def(--size--275, iro.fn-px-to-rem(22px)) !default;
-$size--300:  props.def(--size--300, iro.fn-px-to-rem(24px)) !default;
-$size--325:  props.def(--size--325, iro.fn-px-to-rem(26px)) !default;
-$size--350:  props.def(--size--350, iro.fn-px-to-rem(28px)) !default;
-$size--375:  props.def(--size--375, iro.fn-px-to-rem(30px)) !default;
-$size--400:  props.def(--size--400, iro.fn-px-to-rem(32px)) !default;
-$size--450:  props.def(--size--450, iro.fn-px-to-rem(36px)) !default;
-$size--500:  props.def(--size--500, iro.fn-px-to-rem(40px)) !default;
-$size--550:  props.def(--size--550, iro.fn-px-to-rem(44px)) !default;
-$size--600:  props.def(--size--600, iro.fn-px-to-rem(48px)) !default;
-$size--650:  props.def(--size--650, iro.fn-px-to-rem(52px)) !default;
-$size--700:  props.def(--size--700, iro.fn-px-to-rem(56px)) !default;
-$size--800:  props.def(--size--800, iro.fn-px-to-rem(64px)) !default;
-$size--900:  props.def(--size--900, iro.fn-px-to-rem(72px)) !default;
-$size--1000: props.def(--size--1000, iro.fn-px-to-rem(80px)) !default;
-$size--1200: props.def(--size--1200, iro.fn-px-to-rem(96px)) !default;
-$size--1600: props.def(--size--1600, iro.fn-px-to-rem(128px)) !default;
-$size--2000: props.def(--size--2000, iro.fn-px-to-rem(160px)) !default;
-$size--2400: props.def(--size--2400, iro.fn-px-to-rem(192px)) !default;
-$size--2500: props.def(--size--2500, iro.fn-px-to-rem(200px)) !default;
-$size--2600: props.def(--size--2600, iro.fn-px-to-rem(208px)) !default;
-$size--2800: props.def(--size--2800, iro.fn-px-to-rem(224px)) !default;
-$size--3200: props.def(--size--3200, iro.fn-px-to-rem(256px)) !default;
-$size--3400: props.def(--size--3400, iro.fn-px-to-rem(272px)) !default;
-$size--3500: props.def(--size--3500, iro.fn-px-to-rem(280px)) !default;
-$size--3600: props.def(--size--3600, iro.fn-px-to-rem(288px)) !default;
-$size--3800: props.def(--size--3800, iro.fn-px-to-rem(304px)) !default;
-$size--4600: props.def(--size--4600, iro.fn-px-to-rem(368px)) !default;
-$size--5000: props.def(--size--5000, iro.fn-px-to-rem(400px)) !default;
-$size--6000: props.def(--size--6000, iro.fn-px-to-rem(480px)) !default;
+$size--10:   props.def(--size--10, functions.px-to-rem(1px)) !default;
+$size--25:   props.def(--size--25, functions.px-to-rem(2px)) !default;
+$size--40:   props.def(--size--40, functions.px-to-rem(3px)) !default;
+$size--50:   props.def(--size--50, functions.px-to-rem(4px)) !default;
+$size--65:   props.def(--size--65, functions.px-to-rem(5px)) !default;
+$size--75:   props.def(--size--75, functions.px-to-rem(6px)) !default;
+$size--85:   props.def(--size--85, functions.px-to-rem(7px)) !default;
+$size--100:  props.def(--size--100, functions.px-to-rem(8px)) !default;
+$size--115:  props.def(--size--115, functions.px-to-rem(9px)) !default;
+$size--125:  props.def(--size--125, functions.px-to-rem(10px)) !default;
+$size--130:  props.def(--size--130, functions.px-to-rem(11px)) !default;
+$size--150:  props.def(--size--150, functions.px-to-rem(12px)) !default;
+$size--160:  props.def(--size--160, functions.px-to-rem(13px)) !default;
+$size--175:  props.def(--size--175, functions.px-to-rem(14px)) !default;
+$size--200:  props.def(--size--200, functions.px-to-rem(16px)) !default;
+$size--225:  props.def(--size--225, functions.px-to-rem(18px)) !default;
+$size--250:  props.def(--size--250, functions.px-to-rem(20px)) !default;
+$size--275:  props.def(--size--275, functions.px-to-rem(22px)) !default;
+$size--300:  props.def(--size--300, functions.px-to-rem(24px)) !default;
+$size--325:  props.def(--size--325, functions.px-to-rem(26px)) !default;
+$size--350:  props.def(--size--350, functions.px-to-rem(28px)) !default;
+$size--375:  props.def(--size--375, functions.px-to-rem(30px)) !default;
+$size--400:  props.def(--size--400, functions.px-to-rem(32px)) !default;
+$size--450:  props.def(--size--450, functions.px-to-rem(36px)) !default;
+$size--500:  props.def(--size--500, functions.px-to-rem(40px)) !default;
+$size--550:  props.def(--size--550, functions.px-to-rem(44px)) !default;
+$size--600:  props.def(--size--600, functions.px-to-rem(48px)) !default;
+$size--650:  props.def(--size--650, functions.px-to-rem(52px)) !default;
+$size--700:  props.def(--size--700, functions.px-to-rem(56px)) !default;
+$size--800:  props.def(--size--800, functions.px-to-rem(64px)) !default;
+$size--900:  props.def(--size--900, functions.px-to-rem(72px)) !default;
+$size--1000: props.def(--size--1000, functions.px-to-rem(80px)) !default;
+$size--1200: props.def(--size--1200, functions.px-to-rem(96px)) !default;
+$size--1600: props.def(--size--1600, functions.px-to-rem(128px)) !default;
+$size--2000: props.def(--size--2000, functions.px-to-rem(160px)) !default;
+$size--2400: props.def(--size--2400, functions.px-to-rem(192px)) !default;
+$size--2500: props.def(--size--2500, functions.px-to-rem(200px)) !default;
+$size--2600: props.def(--size--2600, functions.px-to-rem(208px)) !default;
+$size--2800: props.def(--size--2800, functions.px-to-rem(224px)) !default;
+$size--3200: props.def(--size--3200, functions.px-to-rem(256px)) !default;
+$size--3400: props.def(--size--3400, functions.px-to-rem(272px)) !default;
+$size--3500: props.def(--size--3500, functions.px-to-rem(280px)) !default;
+$size--3600: props.def(--size--3600, functions.px-to-rem(288px)) !default;
+$size--3800: props.def(--size--3800, functions.px-to-rem(304px)) !default;
+$size--4600: props.def(--size--4600, functions.px-to-rem(368px)) !default;
+$size--5000: props.def(--size--5000, functions.px-to-rem(400px)) !default;
+$size--6000: props.def(--size--6000, functions.px-to-rem(480px)) !default;
 
 $font--standard--family:           props.def(--font--standard--family, ('Inter', 'Open Sans', 'Segoe UI', 'Droid Sans', Roboto, Oxygen, 'Helvetica Neue', Helvetica, Tahoma, Arial, sans-serif)) !default;
 $font--standard--line-height:      props.def(--font--standard--line-height, 1.5) !default;
@@ -70,20 +70,20 @@ $font--mono--family:               props.def(--font--mono--family, ('Iosevka Ter
 $font--mono--line-height:          props.def(--font--mono--line-height, 1.4) !default;
 $font--mono--feature-settings:     props.def(--font--mono--feature-settings, ('\'calt\'' 0, '\'dlig\' 1', '\'ss09\' 1')) !default;
 
-$font-size--50:   props.def(--font-size--50, iro.fn-px-to-rem(12px)) !default;
-$font-size--75:   props.def(--font-size--75 , iro.fn-px-to-rem(13px)) !default;
-$font-size--100:  props.def(--font-size--100, iro.fn-px-to-rem(14px)) !default;
-$font-size--150:  props.def(--font-size--150, iro.fn-px-to-rem(16px)) !default;
-$font-size--200:  props.def(--font-size--200, iro.fn-px-to-rem(18px)) !default;
-$font-size--300:  props.def(--font-size--300, iro.fn-px-to-rem(20px)) !default;
-$font-size--400:  props.def(--font-size--400, iro.fn-px-to-rem(24px)) !default;
-$font-size--500:  props.def(--font-size--500, iro.fn-px-to-rem(28px)) !default;
-$font-size--600:  props.def(--font-size--600, iro.fn-px-to-rem(32px)) !default;
-$font-size--700:  props.def(--font-size--700, iro.fn-px-to-rem(36px)) !default;
-$font-size--800:  props.def(--font-size--800, iro.fn-px-to-rem(40px)) !default;
-$font-size--900:  props.def(--font-size--900, iro.fn-px-to-rem(45px)) !default;
-$font-size--1000: props.def(--font-size--1000, iro.fn-px-to-rem(50px)) !default;
-$font-size--1100: props.def(--font-size--1100, iro.fn-px-to-rem(60px)) !default;
+$font-size--50:   props.def(--font-size--50, functions.px-to-rem(12px)) !default;
+$font-size--75:   props.def(--font-size--75 , functions.px-to-rem(13px)) !default;
+$font-size--100:  props.def(--font-size--100, functions.px-to-rem(14px)) !default;
+$font-size--150:  props.def(--font-size--150, functions.px-to-rem(16px)) !default;
+$font-size--200:  props.def(--font-size--200, functions.px-to-rem(18px)) !default;
+$font-size--300:  props.def(--font-size--300, functions.px-to-rem(20px)) !default;
+$font-size--400:  props.def(--font-size--400, functions.px-to-rem(24px)) !default;
+$font-size--500:  props.def(--font-size--500, functions.px-to-rem(28px)) !default;
+$font-size--600:  props.def(--font-size--600, functions.px-to-rem(32px)) !default;
+$font-size--700:  props.def(--font-size--700, functions.px-to-rem(36px)) !default;
+$font-size--800:  props.def(--font-size--800, functions.px-to-rem(40px)) !default;
+$font-size--900:  props.def(--font-size--900, functions.px-to-rem(45px)) !default;
+$font-size--1000: props.def(--font-size--1000, functions.px-to-rem(50px)) !default;
+$font-size--1100: props.def(--font-size--1100, functions.px-to-rem(60px)) !default;
 
 $border-width--thick:  props.def(--border-width--thick, 4px) !default;
 $border-width--medium: props.def(--border-width--medium, 2px) !default;
@@ -155,12 +155,12 @@ $themes: ();
                 @if meta.type-of($ref) == 'map' {
                     @each $key, $r in $ref {
                         $re1: list.nth($r, 1);
-                        $re2: iro.fn-list-slice($r, 2);
+                        $re2: functions.list-slice($r, 2);
                         $res: map.merge($res, ($key: props.get($compiled, $re1, $re2...)));
                     }
                 } @else {
                     $ref1: list.nth($ref, 1);
-                    $ref2: iro.fn-list-slice($ref, 2);
+                    $ref2: functions.list-slice($ref, 2);
                     $res:  props.get($compiled, $ref1, $ref2...);
                 }
 
diff --git a/src/_props.scss b/src/_props.scss
index 09082a3..8529cd8 100644
--- a/src/_props.scss
+++ b/src/_props.scss
@@ -3,9 +3,7 @@
 @use 'sass:meta';
 @use 'config';
 @use 'include-media/dist/include-media' as media;
-@use 'iro-sass/src/iro-sass' as iro;
-
-@forward 'iro-sass/src/props';
+@use 'iro-sass/src/props' as props;
 
 @mixin materialize($ref) {
     @if meta.type-of($ref) == 'map' {
@@ -13,32 +11,32 @@
     }
 
     :root {
-        @include iro.props-materialize($ref, null);
+        @include props.materialize($ref, null);
 
         @each $breakpoint in map.keys(media.$breakpoints) {
             @include media.media('<=#{$breakpoint}') {
-                @include iro.props-materialize($ref, $breakpoint);
+                @include props.materialize($ref, $breakpoint);
             }
         }
 
         @media (prefers-color-scheme: dark) {
-            @include iro.props-materialize($ref, 'dark');
+            @include props.materialize($ref, 'dark');
         }
     }
 
     @each $theme-name in map.keys(config.$themes) {
         @if $theme-name != config.$theme-default {
             @include iro.bem-theme($theme-name) {
-                @include iro.props-materialize($ref, null);
+                @include props.materialize($ref, null);
 
                 @each $breakpoint in map.keys(media.$breakpoints) {
                     @include media.media('<=#{$breakpoint}') {
-                        @include iro.props-materialize($ref, $breakpoint);
+                        @include props.materialize($ref, $breakpoint);
                     }
                 }
                 
                 @media (prefers-color-scheme: dark) {
-                    @include iro.props-materialize($ref, 'dark');
+                    @include props.materialize($ref, 'dark');
                 }
             }
         }
diff --git a/src/_themes.scss b/src/_themes.scss
index bfce7d9..f246465 100644
--- a/src/_themes.scss
+++ b/src/_themes.scss
@@ -1,7 +1,7 @@
 @use 'sass:map';
 @use 'iro-sass/src/iro-sass' as iro;
+@use 'iro-sass/src/props';
 @use 'include-media/dist/include-media' as media;
-@use 'props';
 
 @use 'core.vars' as vars;
 @forward 'core.vars';
diff --git a/src/_utils.scss b/src/_utils.scss
index fdec622..3560888 100644
--- a/src/_utils.scss
+++ b/src/_utils.scss
@@ -1,7 +1,7 @@
 @use 'sass:map';
 @use 'iro-sass/src/iro-sass' as iro;
+@use 'iro-sass/src/props';
 @use 'include-media/dist/include-media' as media;
-@use 'props';
 
 @use 'core.vars' as vars;
 @forward 'core.vars';
diff --git a/src/layouts/_button-group.scss b/src/layouts/_button-group.scss
index 95b63c9..3901cae 100644
--- a/src/layouts/_button-group.scss
+++ b/src/layouts/_button-group.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../props';
+@use 'iro-sass/src/props';
 
 @forward 'button-group.vars';
 @use 'button-group.vars' as vars;
diff --git a/src/layouts/_button-group.vars.scss b/src/layouts/_button-group.vars.scss
index f42f2d4..95ac8f8 100644
--- a/src/layouts/_button-group.vars.scss
+++ b/src/layouts/_button-group.vars.scss
@@ -1,4 +1,4 @@
-@use '../props';
+@use 'iro-sass/src/props';
 @use '../core.vars' as core;
 
 $spacing: props.def(--l-button-group--spacing, props.get(core.$size--150)) !default;
diff --git a/src/layouts/_card-list.scss b/src/layouts/_card-list.scss
index 1aea7bc..b5d76a6 100644
--- a/src/layouts/_card-list.scss
+++ b/src/layouts/_card-list.scss
@@ -1,7 +1,7 @@
 @use 'sass:meta';
 @use 'include-media/dist/include-media' as media;
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../props';
+@use 'iro-sass/src/props';
 
 @forward 'card-list.vars';
 @use 'card-list.vars' as vars;
diff --git a/src/layouts/_card-list.vars.scss b/src/layouts/_card-list.vars.scss
index 05204d0..c2df3ef 100644
--- a/src/layouts/_card-list.vars.scss
+++ b/src/layouts/_card-list.vars.scss
@@ -1,4 +1,4 @@
-@use '../props';
+@use 'iro-sass/src/props';
 @use '../core.vars' as core;
 
 $row-gap: props.def(--l-card-list--row-gap, props.get(core.$size--800)) !default;
diff --git a/src/layouts/_container.scss b/src/layouts/_container.scss
index 34c4bf0..7c43bad 100644
--- a/src/layouts/_container.scss
+++ b/src/layouts/_container.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../props';
+@use 'iro-sass/src/props';
 
 @forward 'container.vars';
 @use 'container.vars' as vars;
diff --git a/src/layouts/_container.vars.scss b/src/layouts/_container.vars.scss
index 74114b2..f5343a6 100644
--- a/src/layouts/_container.vars.scss
+++ b/src/layouts/_container.vars.scss
@@ -1,5 +1,5 @@
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../props';
+@use 'iro-sass/src/props';
 @use '../core.vars' as core;
 
 $fixed-125: props.def(--l-container--fixed-125, iro.fn-px-to-rem(720px)) !default;
diff --git a/src/layouts/_form.scss b/src/layouts/_form.scss
index 824d7ca..2626722 100644
--- a/src/layouts/_form.scss
+++ b/src/layouts/_form.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../props';
+@use 'iro-sass/src/props';
 
 @forward 'form.vars';
 @use 'form.vars' as vars;
diff --git a/src/layouts/_form.vars.scss b/src/layouts/_form.vars.scss
index e2cd1a9..c533e6b 100644
--- a/src/layouts/_form.vars.scss
+++ b/src/layouts/_form.vars.scss
@@ -1,4 +1,4 @@
-@use '../props';
+@use 'iro-sass/src/props';
 @use '../core.vars' as core;
 
 $item-spacing-b:  props.def(--l-form--item-spacing-b, props.get(core.$size--325)) !default;
diff --git a/src/layouts/_media.scss b/src/layouts/_media.scss
index 7483f12..8b8acd4 100644
--- a/src/layouts/_media.scss
+++ b/src/layouts/_media.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../props';
+@use 'iro-sass/src/props';
 
 @forward 'media.vars';
 @use 'media.vars' as vars;
diff --git a/src/layouts/_media.vars.scss b/src/layouts/_media.vars.scss
index e082d0c..fd6d986 100644
--- a/src/layouts/_media.vars.scss
+++ b/src/layouts/_media.vars.scss
@@ -1,4 +1,4 @@
-@use '../props';
+@use 'iro-sass/src/props';
 @use '../core.vars' as core;
 
 $gap:  props.def(--l-media--gap, props.get(core.$size--150)) !default;
diff --git a/src/layouts/_overflow.scss b/src/layouts/_overflow.scss
index d9f028f..3489ed7 100644
--- a/src/layouts/_overflow.scss
+++ b/src/layouts/_overflow.scss
@@ -1,5 +1,5 @@
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../props';
+@use 'iro-sass/src/props';
 @use '../core.vars' as core;
 
 @mixin styles {
diff --git a/src/objects/_action-button.scss b/src/objects/_action-button.scss
index 8efdad9..30b3dee 100644
--- a/src/objects/_action-button.scss
+++ b/src/objects/_action-button.scss
@@ -3,7 +3,7 @@
 @use 'sass:meta';
 @use 'sass:string';
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../props';
+@use 'iro-sass/src/props';
 
 @forward 'action-button.vars';
 @use 'action-button.vars' as vars;
diff --git a/src/objects/_action-button.vars.scss b/src/objects/_action-button.vars.scss
index ec312b4..80ef9c8 100644
--- a/src/objects/_action-button.vars.scss
+++ b/src/objects/_action-button.vars.scss
@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use 'sass:string';
-@use '../props';
+@use 'iro-sass/src/props';
 @use '../core.vars' as core;
 
 $line-height:  props.def(--o-action-button--line-height, 1.4) !default;
diff --git a/src/objects/_alert.scss b/src/objects/_alert.scss
index 4efacab..cb23d25 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/iro-sass' as iro;
-@use '../props';
+@use 'iro-sass/src/props';
 
 @forward 'alert.vars';
 @use 'alert.vars' as vars;
diff --git a/src/objects/_alert.vars.scss b/src/objects/_alert.vars.scss
index 7290699..0c140b1 100644
--- a/src/objects/_alert.vars.scss
+++ b/src/objects/_alert.vars.scss
@@ -1,4 +1,4 @@
-@use '../props';
+@use '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 45567b9..3fcd0f1 100644
--- a/src/objects/_avatar.scss
+++ b/src/objects/_avatar.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../props';
+@use 'iro-sass/src/props';
 
 @forward 'avatar.vars';
 @use 'avatar.vars' as vars;
diff --git a/src/objects/_avatar.vars.scss b/src/objects/_avatar.vars.scss
index 74d9677..a9bb532 100644
--- a/src/objects/_avatar.vars.scss
+++ b/src/objects/_avatar.vars.scss
@@ -1,4 +1,4 @@
-@use '../props';
+@use 'iro-sass/src/props';
 @use '../core.vars' as core;
 
 $size:              props.def(--o-avatar--size, props.get(core.$size--500)) !default;
diff --git a/src/objects/_backdrop.scss b/src/objects/_backdrop.scss
index 82246ed..5ba46f4 100644
--- a/src/objects/_backdrop.scss
+++ b/src/objects/_backdrop.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../props';
+@use 'iro-sass/src/props';
 
 @forward 'backdrop.vars';
 @use 'backdrop.vars' as vars;
diff --git a/src/objects/_backdrop.vars.scss b/src/objects/_backdrop.vars.scss
index c03c263..6e57652 100644
--- a/src/objects/_backdrop.vars.scss
+++ b/src/objects/_backdrop.vars.scss
@@ -1,4 +1,4 @@
-@use '../props';
+@use 'iro-sass/src/props';
 @use '../core.vars' as core;
 
 $z-index:  props.def(--o-backdrop--z-index, 10000) !default;
diff --git a/src/objects/_badge.scss b/src/objects/_badge.scss
index 55a2051..8ad5607 100644
--- a/src/objects/_badge.scss
+++ b/src/objects/_badge.scss
@@ -3,7 +3,7 @@
 @use 'sass:meta';
 @use 'sass:string';
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../props';
+@use 'iro-sass/src/props';
 @use '../core.vars' as core;
 
 @forward 'badge.vars';
diff --git a/src/objects/_badge.vars.scss b/src/objects/_badge.vars.scss
index 5629a9c..4b9bf6d 100644
--- a/src/objects/_badge.vars.scss
+++ b/src/objects/_badge.vars.scss
@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use 'sass:string';
-@use '../props';
+@use 'iro-sass/src/props';
 @use '../core.vars' as core;
 
 $pad-b:       props.def(--o-badge--pad-b, props.get(core.$size--50)) !default;
diff --git a/src/objects/_button.scss b/src/objects/_button.scss
index e4a656c..e21ad51 100644
--- a/src/objects/_button.scss
+++ b/src/objects/_button.scss
@@ -3,7 +3,7 @@
 @use 'sass:meta';
 @use 'sass:string';
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../props';
+@use 'iro-sass/src/props';
 @use '../core.vars' as core;
 
 @forward 'button.vars';
diff --git a/src/objects/_button.vars.scss b/src/objects/_button.vars.scss
index b3eb2b5..b5e55d9 100644
--- a/src/objects/_button.vars.scss
+++ b/src/objects/_button.vars.scss
@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use 'sass:string';
-@use '../props';
+@use '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 205bb33..0f86a60 100644
--- a/src/objects/_card.scss
+++ b/src/objects/_card.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../props';
+@use 'iro-sass/src/props';
 @use 'avatar.vars' as avatar;
 
 @forward 'card.vars';
diff --git a/src/objects/_card.vars.scss b/src/objects/_card.vars.scss
index c0f10b7..256938e 100644
--- a/src/objects/_card.vars.scss
+++ b/src/objects/_card.vars.scss
@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '../props';
+@use '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 c6385bc..78a9b1f 100644
--- a/src/objects/_checkbox.scss
+++ b/src/objects/_checkbox.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../props';
+@use 'iro-sass/src/props';
 @use '../core.vars' as core;
 
 @forward 'checkbox.vars';
diff --git a/src/objects/_checkbox.vars.scss b/src/objects/_checkbox.vars.scss
index cba736e..faad2ba 100644
--- a/src/objects/_checkbox.vars.scss
+++ b/src/objects/_checkbox.vars.scss
@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '../props';
+@use '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/_divider.scss b/src/objects/_divider.scss
index 122da78..bcc4c90 100644
--- a/src/objects/_divider.scss
+++ b/src/objects/_divider.scss
@@ -2,7 +2,7 @@
 @use 'sass:meta';
 @use 'sass:string';
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../props';
+@use 'iro-sass/src/props';
 @use '../core.vars' as core;
 
 @forward 'divider.vars';
diff --git a/src/objects/_divider.vars.scss b/src/objects/_divider.vars.scss
index 9927a41..66656cd 100644
--- a/src/objects/_divider.vars.scss
+++ b/src/objects/_divider.vars.scss
@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use 'sass:string';
-@use '../props';
+@use '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 7747bbf..ab03578 100644
--- a/src/objects/_emoji.scss
+++ b/src/objects/_emoji.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../props';
+@use 'iro-sass/src/props';
 @use 'icon.vars' as icon;
 
 @forward 'emoji.vars';
diff --git a/src/objects/_emoji.vars.scss b/src/objects/_emoji.vars.scss
index 458ea9a..70f838a 100644
--- a/src/objects/_emoji.vars.scss
+++ b/src/objects/_emoji.vars.scss
@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '../props';
+@use '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 4ffe8f0..58d8b13 100644
--- a/src/objects/_field-label.scss
+++ b/src/objects/_field-label.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../props';
+@use 'iro-sass/src/props';
 
 @forward 'field-label.vars';
 @use 'field-label.vars' as vars;
diff --git a/src/objects/_field-label.vars.scss b/src/objects/_field-label.vars.scss
index d39aa2d..1e420c3 100644
--- a/src/objects/_field-label.vars.scss
+++ b/src/objects/_field-label.vars.scss
@@ -1,4 +1,4 @@
-@use '../props';
+@use '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/_heading.scss b/src/objects/_heading.scss
index b1abdf5..6ed0879 100644
--- a/src/objects/_heading.scss
+++ b/src/objects/_heading.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../props';
+@use 'iro-sass/src/props';
 
 @forward 'heading.vars';
 @use 'heading.vars' as vars;
diff --git a/src/objects/_heading.vars.scss b/src/objects/_heading.vars.scss
index 58b4d74..d15e0b8 100644
--- a/src/objects/_heading.vars.scss
+++ b/src/objects/_heading.vars.scss
@@ -1,4 +1,4 @@
-@use '../props';
+@use '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 23a606d..4a14d44 100644
--- a/src/objects/_icon.scss
+++ b/src/objects/_icon.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../props';
+@use 'iro-sass/src/props';
 
 @forward 'icon.vars';
 @use 'icon.vars' as vars;
diff --git a/src/objects/_icon.vars.scss b/src/objects/_icon.vars.scss
index dedd23a..218f311 100644
--- a/src/objects/_icon.vars.scss
+++ b/src/objects/_icon.vars.scss
@@ -1,4 +1,4 @@
-@use '../props';
+@use '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 66faab5..5bf3504 100644
--- a/src/objects/_lightbox.scss
+++ b/src/objects/_lightbox.scss
@@ -2,7 +2,7 @@
 @use 'sass:meta';
 @use 'sass:string';
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../props';
+@use 'iro-sass/src/props';
 
 @forward 'lightbox.vars';
 @use 'lightbox.vars' as vars;
diff --git a/src/objects/_lightbox.vars.scss b/src/objects/_lightbox.vars.scss
index 3906716..d30068b 100644
--- a/src/objects/_lightbox.vars.scss
+++ b/src/objects/_lightbox.vars.scss
@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use 'sass:string';
-@use '../props';
+@use '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 f9453ce..0d651e3 100644
--- a/src/objects/_menu.scss
+++ b/src/objects/_menu.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../props';
+@use 'iro-sass/src/props';
 @use 'icon.vars' as icon;
 
 @forward 'menu.vars';
diff --git a/src/objects/_menu.vars.scss b/src/objects/_menu.vars.scss
index 95cf4f3..999f2d3 100644
--- a/src/objects/_menu.vars.scss
+++ b/src/objects/_menu.vars.scss
@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '../props';
+@use 'iro-sass/src/props';
 @use '../core.vars' as core;
 
 $spacing:           props.def(--o-menu--spacing, 0em) !default;
diff --git a/src/objects/_palette.scss b/src/objects/_palette.scss
index 00c0881..88ce9b5 100644
--- a/src/objects/_palette.scss
+++ b/src/objects/_palette.scss
@@ -3,7 +3,7 @@
 @use 'sass:string';
 @use 'iro-sass/src/iro-sass' as iro;
 @use '../config';
-@use '../props';
+@use 'iro-sass/src/props';
 @use '../core.vars' as core;
 
 @mixin styles {
diff --git a/src/objects/_popover.scss b/src/objects/_popover.scss
index f539da5..bb58b69 100644
--- a/src/objects/_popover.scss
+++ b/src/objects/_popover.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../props';
+@use 'iro-sass/src/props';
 
 @forward 'popover.vars';
 @use 'popover.vars' as vars;
diff --git a/src/objects/_popover.vars.scss b/src/objects/_popover.vars.scss
index 0d776ed..d0d0ab3 100644
--- a/src/objects/_popover.vars.scss
+++ b/src/objects/_popover.vars.scss
@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '../props';
+@use '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 c1182d0..bb04cae 100644
--- a/src/objects/_radio.scss
+++ b/src/objects/_radio.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../props';
+@use 'iro-sass/src/props';
 @use '../core.vars' as core;
 
 @forward 'radio.vars';
diff --git a/src/objects/_radio.vars.scss b/src/objects/_radio.vars.scss
index b776dd4..d4e4905 100644
--- a/src/objects/_radio.vars.scss
+++ b/src/objects/_radio.vars.scss
@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '../props';
+@use '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 3a85560..c3baf12 100644
--- a/src/objects/_side-nav.scss
+++ b/src/objects/_side-nav.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../props';
+@use 'iro-sass/src/props';
 @use 'icon.vars' as icon;
 
 @forward 'side-nav.vars';
diff --git a/src/objects/_side-nav.vars.scss b/src/objects/_side-nav.vars.scss
index f7dda4c..649fec7 100644
--- a/src/objects/_side-nav.vars.scss
+++ b/src/objects/_side-nav.vars.scss
@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '../props';
+@use '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 2555894..14e3571 100644
--- a/src/objects/_status-indicator.scss
+++ b/src/objects/_status-indicator.scss
@@ -2,7 +2,7 @@
 @use 'sass:meta';
 @use 'sass:string';
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../props';
+@use 'iro-sass/src/props';
 
 @forward 'status-indicator.vars';
 @use 'status-indicator.vars' as vars;
diff --git a/src/objects/_status-indicator.vars.scss b/src/objects/_status-indicator.vars.scss
index 9f828b4..d8465d7 100644
--- a/src/objects/_status-indicator.vars.scss
+++ b/src/objects/_status-indicator.vars.scss
@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '../props';
+@use 'iro-sass/src/props';
 @use '../config';
 @use '../core.vars' as core;
 
diff --git a/src/objects/_switch.scss b/src/objects/_switch.scss
index 5383432..4aaba98 100644
--- a/src/objects/_switch.scss
+++ b/src/objects/_switch.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../props';
+@use 'iro-sass/src/props';
 @use '../core.vars' as core;
 
 @forward 'switch.vars';
diff --git a/src/objects/_switch.vars.scss b/src/objects/_switch.vars.scss
index 118291d..6f9a23f 100644
--- a/src/objects/_switch.vars.scss
+++ b/src/objects/_switch.vars.scss
@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '../props';
+@use 'iro-sass/src/props';
 @use '../core.vars' as core;
 
 $inline-size:     props.def(--o-switch--inline-size, props.get(core.$size--350)) !default;
diff --git a/src/objects/_table.scss b/src/objects/_table.scss
index d5b5545..e3965ff 100644
--- a/src/objects/_table.scss
+++ b/src/objects/_table.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../props';
+@use 'iro-sass/src/props';
 
 @forward 'table.vars';
 @use 'table.vars' as vars;
diff --git a/src/objects/_table.vars.scss b/src/objects/_table.vars.scss
index df97e17..6acbe88 100644
--- a/src/objects/_table.vars.scss
+++ b/src/objects/_table.vars.scss
@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '../props';
+@use '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 793d23a..07997c3 100644
--- a/src/objects/_text-field.scss
+++ b/src/objects/_text-field.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../props';
+@use 'iro-sass/src/props';
 
 @forward 'text-field.vars';
 @use 'text-field.vars' as vars;
diff --git a/src/objects/_text-field.vars.scss b/src/objects/_text-field.vars.scss
index 6d8abdd..d119629 100644
--- a/src/objects/_text-field.vars.scss
+++ b/src/objects/_text-field.vars.scss
@@ -1,5 +1,5 @@
 @use 'sass:map';
-@use '../props';
+@use '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/scopes/_blockquotes.scss b/src/scopes/_blockquotes.scss
index 7f93e42..d29ab84 100644
--- a/src/scopes/_blockquotes.scss
+++ b/src/scopes/_blockquotes.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../props';
+@use 'iro-sass/src/props';
 
 @forward 'blockquotes.vars';
 @use 'blockquotes.vars' as vars;
diff --git a/src/scopes/_blockquotes.vars.scss b/src/scopes/_blockquotes.vars.scss
index f2cf935..f0b0484 100644
--- a/src/scopes/_blockquotes.vars.scss
+++ b/src/scopes/_blockquotes.vars.scss
@@ -1,4 +1,4 @@
-@use '../props';
+@use 'iro-sass/src/props';
 @use '../core.vars' as core;
 @use './implicit' as implicit;
 
diff --git a/src/scopes/_code.scss b/src/scopes/_code.scss
index 0d8cdd0..989f8a2 100644
--- a/src/scopes/_code.scss
+++ b/src/scopes/_code.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../props';
+@use 'iro-sass/src/props';
 
 @forward 'code.vars';
 @use 'code.vars' as vars;
diff --git a/src/scopes/_code.vars.scss b/src/scopes/_code.vars.scss
index ee7463d..581347c 100644
--- a/src/scopes/_code.vars.scss
+++ b/src/scopes/_code.vars.scss
@@ -1,4 +1,4 @@
-@use '../props';
+@use 'iro-sass/src/props';
 @use '../core.vars' as core;
 @use './implicit' as implicit;
 
diff --git a/src/scopes/_headings.scss b/src/scopes/_headings.scss
index f6f62c3..c786a75 100644
--- a/src/scopes/_headings.scss
+++ b/src/scopes/_headings.scss
@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../props';
+@use 'iro-sass/src/props';
 @use '../objects/heading.vars' as heading;
 
 @mixin styles {
diff --git a/src/scopes/_implicit.scss b/src/scopes/_implicit.scss
index d66950a..7f8185d 100644
--- a/src/scopes/_implicit.scss
+++ b/src/scopes/_implicit.scss
@@ -1,7 +1,7 @@
 @use 'sass:math';
 @use 'sass:meta';
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../props';
+@use 'iro-sass/src/props';
 @use '../core.vars' as core;
 
 @forward 'implicit.vars';
diff --git a/src/scopes/_implicit.vars.scss b/src/scopes/_implicit.vars.scss
index c3d0120..0b0f326 100644
--- a/src/scopes/_implicit.vars.scss
+++ b/src/scopes/_implicit.vars.scss
@@ -1,4 +1,4 @@
-@use '../props';
+@use 'iro-sass/src/props';
 @use '../core.vars' as core;
 
 $paragraph--margin-bs: props.def(--s-implicit--paragraph--margin-bs, props.get(core.$size--300)) !default;
diff --git a/src/scopes/_links.scss b/src/scopes/_links.scss
index 81412aa..835bb7a 100644
--- a/src/scopes/_links.scss
+++ b/src/scopes/_links.scss
@@ -2,7 +2,7 @@
 @use 'sass:meta';
 @use 'sass:string';
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../props';
+@use 'iro-sass/src/props';
 
 @forward 'links.vars';
 @use 'links.vars' as vars;
diff --git a/src/scopes/_links.vars.scss b/src/scopes/_links.vars.scss
index 4c6cc5d..7fae0c9 100644
--- a/src/scopes/_links.vars.scss
+++ b/src/scopes/_links.vars.scss
@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use 'sass:string';
-@use '../props';
+@use 'iro-sass/src/props';
 @use '../core.vars' as core;
 
 $rounding:               props.def(--s-links--rounding, props.get(core.$rounding)) !default;
diff --git a/src/scopes/_lists.scss b/src/scopes/_lists.scss
index 1cfe085..52e5bd9 100644
--- a/src/scopes/_lists.scss
+++ b/src/scopes/_lists.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../props';
+@use 'iro-sass/src/props';
 @use '../core.vars' as core;
 
 @forward 'lists.vars';
diff --git a/src/scopes/_lists.vars.scss b/src/scopes/_lists.vars.scss
index 8a7852d..c4a0f22 100644
--- a/src/scopes/_lists.vars.scss
+++ b/src/scopes/_lists.vars.scss
@@ -1,4 +1,4 @@
-@use '../props';
+@use 'iro-sass/src/props';
 @use '../core.vars' as core;
 @use './implicit' as implicit;
 
diff --git a/src/scopes/_tables.scss b/src/scopes/_tables.scss
index b76baa3..54e3a12 100644
--- a/src/scopes/_tables.scss
+++ b/src/scopes/_tables.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../props';
+@use 'iro-sass/src/props';
 @use '../objects/table.vars' as table;
 
 @forward 'tables.vars';
diff --git a/src/scopes/_tables.vars.scss b/src/scopes/_tables.vars.scss
index 17c9eb4..362b70f 100644
--- a/src/scopes/_tables.vars.scss
+++ b/src/scopes/_tables.vars.scss
@@ -1,4 +1,4 @@
-@use '../props';
+@use 'iro-sass/src/props';
 @use 'implicit.vars' as implicit;
 
 $margin-bs: props.def(--s-tables--margin-bs, props.get(implicit.$paragraph--margin-bs)) !default;
diff --git a/src_demo/components/_box.scss b/src_demo/components/_box.scss
index ac217c0..8edcb0e 100644
--- a/src_demo/components/_box.scss
+++ b/src_demo/components/_box.scss
@@ -1,5 +1,5 @@
 @use 'iro-sass/src/iro-sass' as iro;
-@use '../../src/props';
+@use 'iro-sass/src/props';
 @use '../../src/core.vars';
 
 @include iro.bem-component('box') {