fix(segment-button): move indicator over border

Author: brandyscarney

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

@@ -1,5 +1,5 @@
 @use "../../themes/ionic/ionic.globals.scss" as globals;
-@import "./segment-button.common";
+@use "./segment-button.common";
 
 // Ionic Segment Button
 // --------------------------------------------------
@@ -23,12 +23,19 @@
 
   min-width: globals.$ionic-scale-1200;
   min-height: globals.$ionic-scale-1200;
+}
 
+.button-native {
   border-bottom: globals.$ionic-border-size-025 globals.$ionic-border-style-solid globals.$ionic-color-neutral-300;
 }
 
 .button-inner {
-  @include padding(globals.$ionic-space-100, globals.$ionic-space-0, globals.$ionic-space-100, globals.$ionic-space-0);
+  @include globals.padding(
+    globals.$ionic-space-100,
+    globals.$ionic-space-0,
+    globals.$ionic-space-100,
+    globals.$ionic-space-0
+  );
 
   gap: globals.$ionic-space-100;
 }
@@ -72,5 +79,7 @@
 // --------------------------------------------------
 
 .segment-button-indicator {
-  @include position(null, 0, 0, 0);
+  @include globals.position(null, 0, 0, 0);
+
+  z-index: 2;
 }