feat(badge): make usage of the new tokens when inside tab button

Author: joselrio

core/src/components/badge/badge.common.scss

@@ -1,4 +1,3 @@
-@use "../../themes/ionic/ionic.globals.scss" as globals;
 @use "../../themes/functions.color" as color;
 @import "../../themes/mixins";
 @import "./badge.common.vars";
@@ -68,22 +67,22 @@
 // Badge Inside Tab Button
 // --------------------------------------------------
 
-:host([vertical].in-tab-button){
+:host([vertical].in-tab-button) {
   // TODO(ROU-10747/ROU-11666): Consider removing this property, by removing '@include position(null, 0, null, null);' from the badge-vertical-top and badge-vertical-bottom
   inset-inline-end: unset;
 
   position: relative;
-  
-  min-width: unset;
+
+  min-width: $badge-in-tab-button-min-width;
 }
 
 :host([vertical].in-tab-button) ::slotted(ion-icon) {
   @include position($top: 50%, $start: 50%);
 
   position: absolute;
-  
-  width: globals.$ion-scale-300;
-  height: globals.$ion-scale-300;
-  
+
+  width: $badge-in-tab-button-icon-size;
+  height: $badge-in-tab-button-icon-size;
+
   transform: translate(-50%, -50%);
-}
+}