fix(components): include mode classes on components for use in shadow (#17838)

- removes mode-less component classes from the internal CSS, use element instead
- adds mode specific classes `md` or `ios` for styling inside of shadow components
- adds e2e test that verifies mode classes exist on all ionic components, plus checks for specific classes that the components need for internal styling

fixes #17608

core/src/components/slides/slides.tsx

@@ -2,7 +2,6 @@ import { Component, ComponentInterface, Element, Event, EventEmitter, Listen, Me
 
 import { Mode } from '../../interface';
 import { rIC } from '../../utils/helpers.js';
-import { createThemedClasses } from '../../utils/theme.js';
 
 import { SwiperInterface, SwiperOptions } from './swiper/swiper-interface';
 
@@ -450,7 +449,11 @@ export class Slides implements ComponentInterface {
   hostData() {
     return {
       class: {
-        ...createThemedClasses(this.mode, 'slides'),
+        [`${this.mode}`]: true,
+
+        // Used internally for styling
+        [`slides-${this.mode}`]: true,
+
         'swiper-container': true
       }
     };