Get default assignments automatically

sass/form/shared.sass

@@ -27,7 +27,6 @@ $input-icon-active-color: var(--text, #{$text}) !default
 $input-radius: var(--radius, #{$radius}) !default
 
 =input
-
   @extend %control
   background-color: var(--input-background-color)
   border-color: var(--input-border-color)

sass/form/tools.sass

@@ -182,7 +182,7 @@ $control-font-size: var(--size-normal, #{$size-normal}) !default
     .select
       &:focus
         & ~ .icon
-          color: $input-icon-active-color
+          color: var(--input-icon-active-color)
       &.is-small ~ .icon
         font-size: var(--size-small, #{$size-small})
       &.is-medium ~ .icon
@@ -190,23 +190,23 @@ $control-font-size: var(--size-normal, #{$size-normal}) !default
       &.is-large ~ .icon
         font-size: var(--size-large, #{$size-large})
     .icon
-      color: $input-icon-color
-      height: $input-height
+      color: var(--input-icon-color)
+      height: var(--input-height)
       pointer-events: none
       position: absolute
       top: 0
-      width: $input-height
+      width: var(--input-height)
       z-index: 4
   &.has-icons-left
     .input,
     .select select
-      padding-left: $input-height
+      padding-left: var(--input-height)
     .icon.is-left
       left: 0
   &.has-icons-right
     .input,
     .select select
-      padding-right: $input-height
+      padding-right: var(--input-height)
     .icon.is-right
       right: 0
   &.is-loading