feat(badge): code conventions

Author: joselrio

core/src/components/badge/badge.ionic.scss

@@ -184,7 +184,7 @@
 
 // Badge Icon when Inside Tab Button
 :host([vertical].in-tab-button) ::slotted(ion-icon) {
-  @include globals.position($top: 50%, $start: 50%);
+  @include globals.position(50%, null, null, 50%);
 
   position: absolute;
 

core/src/components/badge/badge.ios.scss

@@ -27,7 +27,7 @@
 }
 
 :host([vertical].in-tab-button) ::slotted(ion-icon) {
-  @include position($top: 50%, $start: 50%);
+  @include position(50%, null, null, 50%);
 
   position: absolute;
 

core/src/components/tab-button/tab-button.ionic.scss

@@ -93,23 +93,23 @@
 // --------------------------------------------------
 
 :host ::slotted(ion-badge) {
-  @include globals.position($start: calc(50% + globals.$ion-scale-300));
+  @include globals.position(null, null, null, calc(50% + globals.$ion-scale-300));
 }
 
 :host ::slotted(ion-badge.badge-vertical-top) {
-  @include globals.position($top: -2px);
+  @include globals.position(-2px, null, null, null);
 }
 
 :host ::slotted(ion-badge.badge-vertical-top:empty) {
-  @include globals.position($top: calc(globals.$ion-scale-100 * -1));
+  @include globals.position(calc(globals.$ion-scale-100 * -1), null, null, null);
 }
 
 :host ::slotted(ion-badge.badge-vertical-bottom) {
-  @include globals.position($top: calc(50% - globals.$ion-scale-200));
+  @include globals.position(calc(50% - globals.$ion-scale-200), null, null, null);
 }
 
 :host ::slotted(ion-badge.badge-vertical-bottom:empty) {
-  @include globals.position($top: calc(50% - globals.$ion-scale-100));
+  @include globals.position(calc(50% - globals.$ion-scale-100), null, null, null);
 }
 
 :host ::slotted(ion-badge[vertical]:not(:empty)) {
@@ -127,13 +127,13 @@
 }
 
 :host(.tab-layout-icon-bottom) ::slotted(ion-badge.badge-vertical-top) {
-  @include globals.position($top: calc(50% - globals.$ion-scale-100));
+  @include globals.position(calc(50% - globals.$ion-scale-100), null, null, null);
 }
 
 :host(.tab-layout-icon-bottom) ::slotted(ion-badge.badge-vertical-bottom) {
-  @include globals.position($top: calc(50% + globals.$ion-scale-100));
+  @include globals.position(calc(50% + globals.$ion-scale-100), null, null, null);
 }
 
 :host(.tab-layout-icon-bottom) ::slotted(ion-badge.badge-vertical-bottom:empty) {
-  @include globals.position($top: calc(50% + 14px));
+  @include globals.position(calc(50% + 14px), null, null, null);
 }