refactor(card-content): remove heading styles

Author: brandyscarney

BREAKING.md

@@ -30,7 +30,7 @@ This is a comprehensive list of the breaking changes introduced in the major ver
 
 - **ion-card**: The `border-radius` of the `ios` and `md` card now defaults to `14px` and `12px` instead of `8px` and `4px`, respectively, in accordance with the iOS and Material Design 3 guidelines. To revert to the previous appearance, set the `shape` to `"soft"`, or override the `--border-radius` CSS variable to specify a different value.
 
-- **ion-card-content**: The `ion-card-content` component has been updated to Shadow DOM. With this update, all card-related components now use Shadow DOM for style encapsulation.
+- **ion-card-content**: The `ion-card-content` component has been updated to Shadow DOM. With this update, all card-related components now use Shadow DOM for style encapsulation. The default styles for heading elements inside `ion-card-content` have been removed. If you need custom styling for headings, you can add your own CSS targeting these elements.
 
 <h4 id="version-9x-chip">Chip</h4>
 

core/src/components/card-content/card-content.ios.scss

@@ -12,30 +12,6 @@
   line-height: 1.4;
 }
 
-::slotted(h1) {
-  @include margin(0, 0, 2px);
-
-  font-size: dynamic-font(24px);
-  font-weight: normal;
-}
-
-::slotted(h2) {
-  @include margin(2px, 0);
-
-  font-size: dynamic-font(16px);
-  font-weight: normal;
-}
-
-::slotted(h3),
-::slotted(h4),
-::slotted(h5),
-::slotted(h6) {
-  @include margin(2px, 0);
-
-  font-size: dynamic-font(14px);
-  font-weight: normal;
-}
-
 ::slotted(p) {
   @include margin(0, 0, 2px);
 

core/src/components/card-content/card-content.md.scss

@@ -12,30 +12,6 @@
   line-height: $card-md-line-height;
 }
 
-::slotted(h1) {
-  @include margin(0, 0, 2px);
-
-  font-size: dynamic-font(24px);
-  font-weight: normal;
-}
-
-::slotted(h2) {
-  @include margin(2px, 0);
-
-  font-size: dynamic-font(16px);
-  font-weight: normal;
-}
-
-::slotted(h3),
-::slotted(h4),
-::slotted(h5),
-::slotted(h6) {
-  @include margin(2px, 0);
-
-  font-size: dynamic-font(14px);
-  font-weight: normal;
-}
-
 ::slotted(p) {
   @include margin(0, 0, 2px);
 

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

@@ -34,23 +34,6 @@
             in the woods. Wash your spirit clean.
           </ion-card-content>
         </ion-card>
-
-        <ion-card>
-          <ion-card-header>
-            <ion-card-subtitle>Card Subtitle</ion-card-subtitle>
-            <ion-card-title>Card Title</ion-card-title>
-          </ion-card-header>
-
-          <ion-card-content>
-            <h1>Heading 1</h1>
-            <h2>Heading 2</h2>
-            <h3>Heading 3</h3>
-            <h4>Heading 4</h4>
-            <h5>Heading 5</h5>
-            <h6>Heading 6</h6>
-            <p>This is a paragraph</p>
-          </ion-card-content>
-        </ion-card>
       </ion-content>
     </ion-app>
   </body>