fix(label): include the ion-text-wrap class styles for larger font (#18374)

- updates all e2e tests to use the CSS classes instead of attributes

core/src/components/segment/test/basic/index.html

@@ -85,7 +85,7 @@
     </ion-header>
 
     <ion-content>
-      <div padding>
+      <div class="ion-padding">
         <ion-segment>
           <ion-segment-button><ion-label>Seg 1</ion-label></ion-segment-button>
           <ion-segment-button><ion-label>Seg 2</ion-label></ion-segment-button>
@@ -123,8 +123,8 @@
           <ion-segment-button value="custom">
             <ion-icon name="create"></ion-icon>
           </ion-segment-button>
-    </ion-segment>  
-    
+    </ion-segment>
+
         <ion-segment name="dynamicPropDisable" disabled color="danger">
           <ion-segment-button value="Bookmarks">
             <ion-label>Bookmarks</ion-label>
@@ -165,10 +165,10 @@
         <ion-segment id="dynamicButtons" color="dark"></ion-segment>
       </div>
 
-      <div padding-horizontal>
+      <div class="ion-padding-horizontal">
         <ion-button expand="block" onClick="toggleDisabled()">Toggle Disabled</ion-button>
       </div>
-      <div padding>
+      <div class="ion-padding">
         <ion-button expand="block" color="secondary" onClick="toggleValue()">Toggle Value</ion-button>
       </div>
 

core/src/components/segment/test/toolbar/index.html

@@ -254,7 +254,7 @@
 
     </ion-header>
 
-    <ion-content padding>
+    <ion-content class="ion-padding">
       Segment in Toolbar
     </ion-content>