fix(core): remove global styles for accordion from ionic theme

Author: brandyscarney

core/src/css/core.scss

@@ -47,6 +47,7 @@ body.backdrop-no-scroll {
 
 // Modal - Card Style
 // --------------------------------------------------
+
 /**
  * Card style modal needs additional padding on the
  * top of the header. We accomplish this by targeting
@@ -293,14 +294,19 @@ ion-card-header.ion-color .ion-inherit-color {
 }
 
 // Accordion Styles
+// --------------------------------------------------
+// TODO this is being applied to the ionic theme
+
 ion-accordion-group.accordion-group-expand-inset > ion-accordion:first-of-type {
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
 }
+
 ion-accordion-group.accordion-group-expand-inset > ion-accordion:last-of-type {
   border-bottom-left-radius: 8px;
   border-bottom-right-radius: 8px;
 }
+
 ion-accordion-group > ion-accordion:last-of-type ion-item[slot="header"] {
   --border-width: 0px;
 }
@@ -315,6 +321,7 @@ ion-accordion.accordion-animated > [slot="header"] .ion-accordion-toggle-icon {
     transition: none !important;
   }
 }
+
 /**
  * The > [slot="header"] selector ensures that we do
  * not modify toggle icons for any nested accordions. The state
@@ -336,6 +343,9 @@ ion-accordion-group.accordion-group-expand-inset.md > ion-accordion.accordion-ex
   margin-top: 0;
 }
 
+// Datetime Styles
+// --------------------------------------------------
+
 // Safari/iOS 15 changes the appearance of input[type="date"].
 // For backwards compatibility from Ionic 5/Safari 14 designs,
 // we override the appearance only when using within an ion-input.
@@ -383,6 +393,9 @@ h1[tabindex="-1"]:focus,
   outline: none;
 }
 
+// Popover Styles
+// --------------------------------------------------
+
 /*
  * If a popover has a child ion-content (or class equivalent) then the .popover-viewport element
  * should not be scrollable to ensure the inner content does scroll. However, if the popover

core/src/css/ionic/core.ionic.scss

@@ -36,6 +36,7 @@ body.backdrop-no-scroll {
 
 // Modal - Card Style
 // --------------------------------------------------
+
 html.ionic ion-modal ion-header {
   box-shadow: none;
 }
@@ -301,14 +302,7 @@ ion-card-header.ion-color .ion-inherit-color {
 }
 
 // Accordion Styles
-ion-accordion-group.accordion-group-expand-inset > ion-accordion:first-of-type {
-  border-top-left-radius: globals.$ion-border-radius-200;
-  border-top-right-radius: globals.$ion-border-radius-200;
-}
-ion-accordion-group.accordion-group-expand-inset > ion-accordion:last-of-type {
-  border-bottom-left-radius: globals.$ion-border-radius-200;
-  border-bottom-right-radius: globals.$ion-border-radius-200;
-}
+// --------------------------------------------------
 
 // The toggle icon is nested in the accordion item so we need to
 // style it from a global level.
@@ -327,6 +321,7 @@ ion-accordion.accordion-animated > [slot="header"] .ion-accordion-toggle-icon {
     transition: none !important;
   }
 }
+
 /**
  * The > [slot="header"] selector ensures that we do
  * not modify toggle icons for any nested accordions. The state
@@ -352,6 +347,9 @@ ion-accordion > [slot="content"] ion-item {
   --min-height: #{globals.$ion-scale-700};
 }
 
+// Datetime Styles
+// --------------------------------------------------
+
 // Safari/iOS 15 changes the appearance of input[type="date"].
 // For backwards compatibility from Ionic 5/Safari 14 designs,
 // we override the appearance only when using within an ion-input.
@@ -382,6 +380,9 @@ ion-input input::-webkit-date-and-time-value {
   min-height: 320px;
 }
 
+// Popover Styles
+// --------------------------------------------------
+
 /**
  * If a popover has a child ion-content (or class equivalent) then the .popover-viewport element
  * should not be scrollable to ensure the inner content does scroll. However, if the popover