fix(16865): fixes step operations in NumberInput

[2nikhiltom]

Closes #16865

This PR fixes the Inconsistent Increment/Decrement behavior in NumberInput Component when value and step are large
The usage of native stepUp() and stepDown() methods is removed
Added test case to verify the behaviour when value and step are large

Changelog

stepUp() and stepDown() methods are removed and Increment/Decrement operations are handled inside our own function

I suspect that native stepUp() and stepDown() methods can be unpredictable with large step values with large values
When the current value (e.g., 1000) matches the step size (e.g., 1000), it seems like browsers treat it as a step boundary. and only increment by just 1 instead of the full step

Testing / Reviewing

Test NumberInput component with below props and any other combination: verify it works as expected

// large values
 <NumberInput
        id="carbon-number"
        min={1}
        max={9900}
        value={1000}
        step={1000}
      />

//allowEmpty and step=0
  <NumberInput
      id="carbon-number"
      min={-100}
      max={100}
      value={''}
      step={0}
      allowEmpty
      
    />

//allowEmpty and step=10
<NumberInput
      id="carbon-number"
      min={-100}
      max={100}
      value={''}
      step={10}
      label="NumberInput label"
      helperText="Optional helper text."
      invalidText="Number is not valid"
    />

[netlify]

✅ Deploy Preview for v11-carbon-react ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	e58cd56
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-react/deploys/66bc7fa194300300081b1b5d
😎 Deploy Preview	https://deploy-preview-17048--v11-carbon-react.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for carbon-elements ready!

Name	Link
🔨 Latest commit	e58cd56
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-elements/deploys/66bc7fa1abe96300084b36a1
😎 Deploy Preview	https://deploy-preview-17048--carbon-elements.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[guidari]

Is it just on my end or it is having performance issues? The screen freezes sometimes and then crash.

[2nikhiltom]

Hey @guidari
This is interesting and happening on my system too. It can be seen on Production as well.
Note: Happens on Playground story only, when Steppers (+/-)are clicked rapidly. Should we open a separate bug for this? - Will now be tracked via #17164

[guidari]

LGTM!
Let's open a new issue for the the performance then!

[carbon-automation]

Hey there! v11.64.0 was just released that references this issue/PR.