RangeSelector isn't usable with touch

### Describe the bug

Users can't hold the thumbs of the RangeSelector, making the touch experience very bad.

### Steps to reproduce

```text
Reproducible in the Sample App (in the Store):
1. Go to the RangeSelector sample page.
2. Hold on one of the circular thumbs and try to drag them.
3. Notice that they won't change their values.
```

### Expected behavior

It should be possible to change the range by dragging using touch.

### Screenshots

_No response_

### Code Platform

- [X] UWP
- [ ] WinAppSDK / WinUI 3
- [ ] Web Assembly (WASM)
- [ ] Android
- [ ] iOS
- [ ] MacOS
- [ ] Linux / GTK

### Windows Build Number

- [ ] Windows 10 1809 (Build 17763)
- [ ] Windows 10 1903 (Build 18362)
- [ ] Windows 10 1909 (Build 18363)
- [ ] Windows 10 2004 (Build 19041)
- [ ] Windows 10 20H2 (Build 19042)
- [ ] Windows 10 21H1 (Build 19043)
- [ ] Windows 10 21H2 (Build 19044)
- [ ] Windows 10 22H2 (Build 19045)
- [ ] Windows 11 21H2 (Build 22000)
- [X] Other (specify)

### Other Windows Build number

27686

### App minimum and target SDK version

- [ ] Windows 10, version 1809 (Build 17763)
- [ ] Windows 10, version 1903 (Build 18362)
- [ ] Windows 10, version 1909 (Build 18363)
- [ ] Windows 10, version 2004 (Build 19041)
- [ ] Windows 10, version 2104 (Build 20348)
- [ ] Windows 11, version 22H2 (Build 22000)
- [ ] Other (specify)

### Other SDK version

_No response_

### Visual Studio Version

_No response_

### Visual Studio Build Number

_No response_

### Device form factor

Desktop

### Additional context

_No response_

### Help us help you

No, I'm unable to contribute a solution.

Sample App の RangeSelector サンプルページで、touch 操作で円形の thumb を押したままドラッグして問題を再現します。まず RangeSelector コントロールとその入力処理を特定し、次に UWP プラットフォームでドラッグによって範囲の値が変化することを確認します。

索引モデルが issue の本文から書いたものです。