fix(toggle): rtl layout renders correctly in safari

[liamdebeasi]

Pull request checklist

Please check if your PR fulfills the following requirements:

• Tests for the changes have been added (for bug fixes / features)
• Docs have been reviewed and added / updated if needed (for bug fixes / features)
  • Some docs updates need to be made in the ionic-docs repo, in a separate PR. See the contributing guide for details.
• Build (npm run build) was run locally and any changes were pushed
• Lint (npm run lint) has passed locally and any fixes were made for failures

Pull request type

Please check the type of change your PR introduces:

• Bugfix
• Feature
• Code style update (formatting, renaming)
• Refactoring (no functional changes, no api changes)
• Build related changes
• Documentation content changes
• Other (please describe):

What is the current behavior?

Issue URL: Part of #17012

While working on #26314 I noticed this was still a problem. I fixed the problem in the v7 branch but wanted to pull this out to get this into v6.

What is the new behavior?

• Toggle now renders correctly in RTL mode in Safari.

Does this introduce a breaking change?

• Yes
• No

Other information

[averyjohnston]

I had some comments on this over in #26314, but we can handle discussion there 👀

[liamdebeasi]

Great catch! I fixed this in d52eec6.

[liamdebeasi]

@amandaejohnston I updated the screenshots. I'm going hold off on updating #26314 until this PR gets merged.

[averyjohnston]

Looks like LTR was affected now; looking at core/src/components/toggle/test/enable-on-off-labels/toggle.e2e.ts-snapshots/toggle-on-off-labels-dark-mode-diff-ios-ltr-Mobile-Safari-linux.png for example, the "O" for unchecked toggles is missing, and the "I" for checked ones is off-center.

[liamdebeasi]

The problem was I kept targeting .toggle-ltr in addition to .target-rtl. However, the toggle-ltr class was never added (I only added it for RTL). I took this as a cue that I should always have both ltr and rtl classes.