fix(web-components/pinwheel): the selected value becomes out of sync when scrolling

[fatemeh-asgari]

When scrolling the Pinwheel component, the visually highlighted (centered) item does not always match the value that the component reports as selected.
This causes a mismatch between what the user sees and the value the app receives.

Steps to reproduce the behavior:

1. Use Pinwheel component.
2. Start scrolling the pinwheel.
3. While still scrolling (finger still touching), allow an item to momentarily become the component’s selected item.
4. Do not stop scrolling at that moment — continue scrolling past it while keeping your finger on the screen.
5. Stop the scroll so the pinwheel settles on a new centered item.
6. Observe that the visually centered item after settling is not captured as the new selected value — the component still reports the earlier selected item.

Expected behavior
Pinwheel Should emit or maintain the value that matches the item visually centered after scrolling.

Screenshots

Screen_Recording_20251209_125429_TAPSI.mp4

Desktop (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

Smartphone (please complete the following information):

• Device: [e.g. iPhone6]
• OS: [e.g. iOS8.1]
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Additional context Add any other context about the problem here.