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

Start with the ion-range and ion-reorder components using the StackBlitz reproduction, then compare drag handling with and without zoom: 1.5 on html or body. Check how each component calculates pointer positions and verify behavior for both components. Done means dragging remains consistent when CSS zoom is applied.

Written by the indexing model from the issue text.