[Text Field] on Safari the x button doesn't clear the text field

[aveline]

Summary

the TextField component with clearButton enabled doesn't work as intended in Safari, it doesn't clear the field

Related to https://github.com/Shopify/mobile/issues/33320

Expected behavior

the field should be cleared when the clear button is clicked

Actual behavior

Wrap animated gifs/videos in a details tag:

Text field isn't cleared when clear button is clicked

online.store.before.reduce.mov

Steps to reproduce

Link to sandbox

1. Open the link in Safari
2. Ensure there is content in the text field
3. Click on the clear button

Are you using React components?

Yes

Polaris version number

13.26

Browser

Safari

Device

No response