fix(toggle): rtl layout renders correctly in safari (#26315)

core/src/components/toggle/toggle.tsx

@@ -210,6 +210,7 @@ export class Toggle implements ComponentInterface {
     const mode = getIonMode(this);
     const { label, labelId, labelText } = getAriaLabel(el, inputId);
     const value = this.getValue();
+    const rtl = isRTL(el) ? 'rtl' : 'ltr';
 
     renderHiddenInput(true, el, name, checked ? value : '', disabled);
 
@@ -227,6 +228,7 @@ export class Toggle implements ComponentInterface {
           'toggle-checked': checked,
           'toggle-disabled': disabled,
           interactive: true,
+          [`toggle-${rtl}`]: true,
         })}
       >
         <div class="toggle-icon" part="track">