fix(styles): add missing v10 styles to number input

[jnm2377]

Closes #10584
rel #10423

Changelog

• Updates v11 readonly styles that were introduced in this PR: feat(number-input): match readonly variant #8992
• adds @use for z-index mixin, which was causing the firefox story to not have the button dividers
• updates type styles to code-01 per design guidance in Number input: v11 audit #10423

Testing / Reviewing

• review v11 deploy preview and make sure it matches v10 styles and is working as expected
• review v11 story in firefox and make sure number input button dividers are visible
• ensure tests pass

[netlify]

✔️ Deploy Preview for carbon-react-next ready!

🔨 Explore the source changes: 7546207

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-react-next/deploys/620acea3de792f000821342d

😎 Browse the preview: https://deploy-preview-10706--carbon-react-next.netlify.app

[netlify]

✔️ Deploy Preview for carbon-elements ready!

🔨 Explore the source changes: 7546207

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-elements/deploys/620acea3467c7d0007b591d8

😎 Browse the preview: https://deploy-preview-10706--carbon-elements.netlify.app

[netlify]

✔️ Deploy Preview for carbon-components-react ready!
Built without sensitive environment variables

🔨 Explore the source changes: 7546207

🔍 Inspect the deploy log: https://app.netlify.com/sites/carbon-components-react/deploys/620acea24dca7e0007222797

😎 Browse the preview: https://deploy-preview-10706--carbon-components-react.netlify.app/

[laurenmrice]

Looks good to me! 👍