fix(input): revert using pad for helper text margin

Author: didimmova

src/components/input/themes/shared/input.bootstrap.scss

@@ -17,7 +17,7 @@ $theme: $bootstrap;
 
         color: var-get($theme, 'helper-text-color');
         grid-auto-rows: minmax(rem(20px), auto);
-        margin-block-start: pad-block(rem(4px));
+        margin-block-start: rem(4px);
     }
 
     [part='prefix'] {
@@ -82,7 +82,7 @@ $theme: $bootstrap;
 }
 
 [part~='label'] {
-    margin-block-end: pad-block(rem(4px));
+    margin-block-end: rem(4px);
     color: var-get($theme, 'idle-secondary-color');
 
     &:empty {

src/components/input/themes/shared/input.fluent.scss

@@ -25,7 +25,7 @@ $theme: $fluent;
         @include type-style('caption');
 
         color: var-get($theme, 'helper-text-color');
-        margin-block-start: pad-block(rem(5px));
+        margin-block-start: rem(5px);
         grid-auto-rows: minmax(rem(18px), auto);
     }
 
@@ -49,7 +49,7 @@ $theme: $fluent;
         @include type-style('subtitle-2') {
             --ig-subtitle-2-line-height: #{rem(16px)};
 
-            margin-block: 0 pad-block(rem(5px));
+            margin-block: 0 rem(5px);
         };
 
         color: var-get($theme, 'idle-secondary-color');

src/components/input/themes/shared/input.indigo.scss

@@ -65,7 +65,7 @@ $transition-duration: .25s;
         @include type-style('caption');
 
         color: var-get($theme, 'idle-secondary-color');
-        margin-block-end: pad-block(rem(4px));
+        margin-block-end: rem(4px);
     }
 
     [part^='container'] {

src/components/input/themes/shared/input.material.scss

@@ -35,7 +35,7 @@ $fs: rem(16px) !default;
         @include type-style('caption');
 
         color: var-get($theme, 'helper-text-color');
-        margin-block-start: pad-block(rem(4px));
+        margin-block-start: rem(4px);
         grid-auto-rows: minmax(rem(18px), auto);
         padding-inline: pad-inline(rem(14px), rem(16px), rem(18px));
     }