[Bug]: SpinButton: single trackpad click fires 2 mousedown events

[agammasalia]

Component

SpinButton

Package version

9.56.2

React version

17.0.2

Environment

System:
  OS: Windows 10 10.0.19045
  CPU: (20) x64 12th Gen Intel(R) Core(TM) i7-12800H
  Memory: 37.78 GB / 63.67 GB
Browsers:
  Edge: Chromium (127.0.2651.74)
  Internet Explorer: 11.0.19041.4355
npmPackages:
  @fluentui/react-components: ^9.56.2 => 9.56.2
  @fluentui/react-migration-v8-v9: ^9.6.22 => 9.6.31
  @types/react: 17.0.50 => 17.0.50
  @types/react-dom: 17.0.17 => 17.0.17
  react: 17.0.2 => 17.0.2
  react-dom: 17.0.2 => 17.0.2

Current Behavior

if you click on the up / down arrow with a mouse or single click using the trackpad keys, it works properly - increment / decrement by 1
however - if you use the trackpad and single tap with your finger, it increment /decrement by 2

Expected Behavior

if you use the trackpad and single tap with your finger, it should increment /decrement by 1

Reproduction

https://stackblitz.com/run?file=src%2Fexample.tsx

Steps to reproduce

1. Click on up / down button by taping on trackpad
2. Notice the counter increment / decrement by 2

Are you reporting an Accessibility issue?

no

Suggested severity

High - No workaround

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.