Fix lost selector when :host is used

Ie: :host .element-selector when using rtl was translated as :host-context([dir=rtl]) instead of :host-context([dir=rtl]) .element-selector

core/src/themes/ionic.functions.string.scss

@@ -141,7 +141,8 @@
     // If the selector contains :host it means it is targeting just the host
     // element so we can change it to look for host-context
     } @else if str-contains($selector, ":host") {
-      $list: append($list, ":host-context(#{$addHostSelector})", comma);
+      $shadow-element: str-replace($selector, ":host", ":host-context(#{$addHostSelector})");
+      $list: append($list, $shadow-element, comma);
     // If the selector does not contain host at all it is either a shadow
     // or normal element so append both the dir check and host-context
     } @else {