bug: multiple components break when using CSS zoom

### 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

Using CSS zoom breaks dragging in `ion-range` and also `ion-reorder` (is it called that way?)

### Expected Behavior

Drag handling should be consistent if someone were to use CSS zoom in `html` or `body` CSS selectors.

### Steps to Reproduce

1. Use ion-range or ion-list-reorder
2. Use zoom: 1.5 on or

### Code Reproduction URL

https://stackblitz.com/edit/2zqpnasn?file=src%2FApp.vue

### Ionic Info

I don't have Ionic CLI

### Additional Information

We could make this into a tracking issue for any/all cases in which zoom: breaks Ionic