Fixing one css issue caused by previous CR

Author: OS-pedrolourenco

core/src/components/range/range.ionic.scss

@@ -12,7 +12,7 @@
   --knob-handle-size: #{globals.$ion-scale-1000};
   --bar-height: #{globals.$ion-scale-200};
   --bar-background: #{globals.$ion-primitives-neutral-100};
-  --bar-background-active: #{ion-color(primary, base)};
+  --bar-background-active: #{globals.ion-color(primary, base)};
   --bar-border-radius: #{globals.$ion-border-radius-400};
   --height: 42px;
 
@@ -31,7 +31,7 @@
 
 :host(.ion-color) .range-bar-active,
 :host(.ion-color) .range-tick-active {
-  background: current-color(base);
+  background: globals.current-color(base);
 }
 
 ::slotted(ion-icon[slot]) {
@@ -63,7 +63,7 @@
   * overlapping the range. The buffer is added to the
   * bottom of the range label instead of the host.
   */
-  @include padding(calc(#{globals.$ion-space-200} + dynamic-font(12px)), null, null, null);
+  @include padding(calc(#{globals.$ion-space-200} + globals.dynamic-font(12px)), null, null, null);
 }
 
 :host(.range-has-pin.range-label-placement-stacked) .label-text-wrapper {
@@ -72,7 +72,7 @@
   * margin to the bottom of the label, it provides a buffer
   * for the pin to move into when it is pressed.
   */
-  @include margin(null, null, calc(#{globals.$ion-space-200} + dynamic-font(12px)), null);
+  @include margin(null, null, calc(#{globals.$ion-space-200} + globals.dynamic-font(12px)), null);
 }
 
 .range-bar-active {
@@ -116,15 +116,15 @@
 
   background: transparent;
 
-  font-size: dynamic-font(12px);
+  font-size: globals.dynamic-font(12px);
 
   text-align: center;
 }
 
 .range-knob {
   border-width: globals.$ion-border-size-025;
   border-style: solid;
-  border-color: #{ion-color(primary, base)};
+  border-color: #{globals.ion-color(primary, base)};
 }
 
 /**