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/label/label.ios.scss

@@ -4,6 +4,7 @@
 // iOS Label
 // --------------------------------------------------
 
+:host(.ion-text-wrap),
 :host([text-wrap]) {
   font-size: $label-ios-text-wrap-font-size;
 

core/src/components/label/label.md.scss

@@ -4,6 +4,7 @@
 // Material Design Label
 // --------------------------------------------------
 
+:host(.ion-text-wrap),
 :host([text-wrap]) {
   line-height: $label-md-text-wrap-line-height;
 }

core/src/components/label/label.scss

@@ -29,6 +29,7 @@
   color: current-color(base);
 }
 
+:host(.ion-text-wrap),
 :host([text-wrap]) {
   white-space: normal;
 }

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

@@ -21,7 +21,7 @@
     </ion-header>
 
     <ion-content>
-      <div padding>
+      <div class="ion-padding">
         <ion-label>Default</ion-label>
 
         <ion-label color="secondary">Secondary</ion-label>
@@ -47,7 +47,7 @@
           <ion-input></ion-input>
         </ion-item>
         <ion-item>
-          <ion-label text-wrap>Wrap label this label just goes on and on and on</ion-label>
+          <ion-label class="ion-text-wrap">Wrap label this label just goes on and on and on</ion-label>
           <ion-input></ion-input>
         </ion-item>
         <ion-item>

core/src/components/label/test/preview/index.html

@@ -27,7 +27,7 @@
           <ion-input></ion-input>
         </ion-item>
         <ion-item>
-          <ion-label text-wrap>Wrap label this label just goes on and on and on</ion-label>
+          <ion-label class="ion-text-wrap">Wrap label this label just goes on and on and on</ion-label>
           <ion-input></ion-input>
         </ion-item>
         <ion-item>