fix(title): large title scale animation is now correct in rtl mode (#23372)

resolves #23371

core/src/components/title/title.ios.scss

@@ -41,7 +41,7 @@
 
 :host(.title-large) {
   @include padding(0, 16px);
-  @include transform-origin(start, center);
+  @include transform-origin(left, center);
 
   bottom: 0;
 
@@ -57,6 +57,10 @@
   text-align: start;
 }
 
+:host(.title-large.title-rtl) {
+  @include transform-origin(right, center);
+}
+
 :host(.title-large.ion-cloned-element) {
   --color: #{$text-color};
 }

core/src/components/title/title.tsx

@@ -64,6 +64,7 @@ export class ToolbarTitle implements ComponentInterface {
         class={createColorClasses(this.color, {
           [mode]: true,
           [`title-${size}`]: true,
+          'title-rtl': document.dir === 'rtl'
         })}
       >
         <div class="toolbar-title">