fix(react-settings-form): BoxStyleSetter value maybe negative

[yiyunwan]

Before submitting a pull request, please make sure the following is done...

• [x] Ensure the pull request title and commit message follow the Commit Specific in English.
• [x] Fork the repo and create your branch from main.
• [ ] If you've added code that should be tested, add tests!
• [ ] If you've changed APIs, update the documentation.
• [ ] Ensure the test suite passes (npm test).
• [x] Make sure your code lints (npm run lint) - we've done our best to make sure these rules match our internal linting guidelines.

[netlify[bot]]

✅ Deploy Preview for designable-fusion ready!

Name	Link
🔨 Latest commit	82d8d929c0078fe21b037ee089fd7828d910d9b1
🔍 Latest deploy log	https://app.netlify.com/sites/designable-fusion/deploys/62ac2237abaf570009d273a9
😎 Deploy Preview	https://deploy-preview-306--designable-fusion.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 settings.

[CLAassistant]

Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.

---

yiyunwan seems not to be a GitHub user. You need a GitHub account to be able to sign the CLA. If you have already a GitHub account, please add the email address used for this commit to your account.
_{You have signed the CLA already but the status is still pending? Let us recheck it.}

[netlify[bot]]

✅ Deploy Preview for designable-antd ready!

Name	Link
🔨 Latest commit	82d8d929c0078fe21b037ee089fd7828d910d9b1
🔍 Latest deploy log	https://app.netlify.com/sites/designable-antd/deploys/62ac2237a1819400091d65ed
😎 Deploy Preview	https://deploy-preview-306--designable-antd.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 settings.