feat(modal): Adding same modal variable values to header and content when inside modal

Author: joselrio

core/src/components/content/content.ionic.scss

@@ -2,10 +2,7 @@
 
 // Ionic Content
 // --------------------------------------------------
-
-ion-content {
-
-  &.in-modal {
-    background: inherit;
-  }
-}
+  
+:host(.in-modal) {
+  --background: var(--ion-bg-surface-default, var(--ion-primitives-base-white));
+}

core/src/components/header/header.ionic.scss

@@ -13,11 +13,11 @@ ion-header {
   }
 
   &.in-modal {
-    background: inherit;
+    --background: var(--ion-bg-surface-default, var(--ion-primitives-base-white));
   }
 }
 
 ion-toolbar + ion-toolbar {
   --padding-start: #{globals.$ion-space-400};
   --padding-end: #{globals.$ion-space-400};
-}
+}