[Tooltip] Fix broken arrow position in rtl

[mnajdova]

Fixes #27858 The fix was to prevent some styles from flipping in rtl. As /* @noflip */ is working only with string templates, I've added the isRtl prop and added the appropriate styles based on it.

Isolated codesandbox examples

Codesandbox in RTL on master:

https://codesandbox.io/s/material-demo-forked-qh2ds?file=/demo.js

Codesandbox in RTL on next:

https://codesandbox.io/s/basictooltip-material-demo-forked-5gc67?file=/demo.js

Codesandbox using the packages in the PR:

https://codesandbox.io/s/basictooltip-material-demo-forked-44bhg?file=/demo.js

-----

Docs demos:

Next docs 😢 :

Current PR docs:

[mui-pr-bot]

Details of bundle changes (experimental)

Generated by 🚫 dangerJS against 587fb21

[mnajdova]

These are already defined in the style attribute, no need to specify them.

[oliviertassinari]

Looks great. I guess the change of behavior between v4 and v5 is linked to the flip option that we do no longer have available: https://github.com/mui-org/material-ui/blob/120c564109245a3b070b1cbaf2c9f3f8659fd9fa/packages/material-ui/src/Tooltip/Tooltip.js#L652

[mnajdova]

Looks great. I guess the change of behavior between v4 and v5 is linked to the flip option that we do no longer have available

ah I didn’t noticed it, but yes, looks like it comes from it. We missed to catch it during the migration.

[eps1lon]

Looks great. I guess the change of behavior between v4 and v5 is linked to the flip option that we do no longer have available:

I guess we need to go through every component that had this or rather check every usage of flip: false from master against the behavior of next.

[mnajdova]

I guess we need to go through every component that had this or rather check every usage of flip: false from master against the behavior of next.

Yes will do this today