fix(card): make slotted styles !important (#2558)

Author: bennypowers

.changeset/pf-card-heading-specificity.md

@@ -0,0 +1,4 @@
+---
+"@patternfly/elements": patch
+---
+`<pf-card>`: ensure that slotted content's layout always follows design specs

elements/pf-card/BaseCard.css

@@ -17,11 +17,11 @@ article {
 }
 
 [part=body] ::slotted(:not([slot]):first-of-type) {
-  margin-block-start: 0;
+  margin-block-start: 0 !important;
 }
 
 [part=body] ::slotted(:not([slot]):last-of-type) {
-  margin-block-end: 0;
+  margin-block-end: 0 !important;
 }
 
 [part=footer] {

elements/pf-card/pf-card.css

@@ -60,10 +60,10 @@ header {
 }
 
 header ::slotted(*) {
-  font-family: var(--pf-c-card__title--FontFamily, var(--pf-global--FontFamily--heading--sans-serif, "RedHatDisplayUpdated", helvetica, arial, sans-serif));
-  font-size: var(--pf-c-card__title--FontSize, var(--pf-global--FontSize--md, 1rem));
-  font-weight: var(--pf-c-card__title--FontWeight, var(--pf-global--FontWeight--bold, 700));
-  margin-block: 0;
+  font-family: var(--pf-c-card__title--FontFamily, var(--pf-global--FontFamily--heading--sans-serif, "RedHatDisplayUpdated", helvetica, arial, sans-serif)) !important;
+  font-size: var(--pf-c-card__title--FontSize, var(--pf-global--FontSize--md, 1rem)) !important;
+  font-weight: var(--pf-c-card__title--FontWeight, var(--pf-global--FontWeight--bold, 700)) !important;
+  margin-block: 0 !important;
 }
 
 [part="footer"] {