bug: Pins on ion-range do not update when knob dragged when Google translate used

### Prerequisites

- [x] I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#creating-an-issue).
- [x] I agree to follow the [Code of Conduct](https://ionicframework.com/code-of-conduct).
- [x] I have searched for [existing issues](https://github.com/ionic-team/ionic-framework/issues) that already report this problem, without success.

### Ionic Framework Version

v8.x

### Current Behavior

When using the standard Google Chrome feature to translate the page into another language (I tested Japanese and German), the pin on the ion-range does not update when the knob is dragged. So if the current value is 35 and you drag the knob, it continues to show 35.

A work around could be to provide an event that provides the current dragged value so that the dragged value could be shown on the page by the implementer in some other fashion than the pin, but there does not currently appear to be an event for this.

### Expected Behavior

When using the Google Chrome standard to feature translate the page into a different language, the pin above the knob should update to the dragged value when the knob is dragged.

### Steps to Reproduce

1. Go to https://ionicframework.com/docs/api/range#pins using Google Chrome
2. Change the page to translate into a different language (ie Japanese) using the control in the top to the right of the URL
3. Drag the knob in the "Pins" demo
4. Note that the value in the Pin does not change, it is stuck on whatever the initial value is.

### Code Reproduction URL

https://ionicframework.com/docs/api/range#pins

### Ionic Info

I'm using the demo page at https://ionicframework.com/docs/api/range#pins using v8 in the drop down at the top.

### Additional Information

Note, I did not create reproducible code as the issue is apparent on the demo page