MOBILE-3720 env: Remove Shadow DOM encapsulation

src/core/components/show-password/core-show-password.html

@@ -1,4 +1,4 @@
-<slot></slot>
+<ng-content></ng-content>
 <ion-button fill="clear" [attr.aria-label]="label | translate" core-suppress-events (onClick)="toggle($event)">
     <ion-icon [name]="iconName" slot="icon-only"></ion-icon>
 </ion-button>

src/core/components/show-password/show-password.scss

@@ -13,7 +13,7 @@
     }
 }
 
-::slotted(ion-input) {
+::ng-deep ion-input {
     --padding-end: 47px !important;
 }
 

src/core/components/show-password/show-password.ts

@@ -12,7 +12,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import { Component, OnInit, AfterViewInit, Input, ElementRef, ContentChild, ViewEncapsulation } from '@angular/core';
+import { Component, OnInit, AfterViewInit, Input, ElementRef, ContentChild } from '@angular/core';
 import { IonInput } from '@ionic/angular';
 
 import { CoreApp } from '@services/app';
@@ -37,7 +37,6 @@ import { CoreUtils } from '@services/utils/utils';
     selector: 'core-show-password',
     templateUrl: 'core-show-password.html',
     styleUrls: ['show-password.scss'],
-    encapsulation: ViewEncapsulation.ShadowDom,
 })
 export class CoreShowPasswordComponent implements OnInit, AfterViewInit {