Components: Deprecate 36px default size

[mirka]

Part of #46741

In our transition process to the new 40px default sizes, we are now ready to officially start the deprecation period by logging console warnings.

List of components

• BorderBoxControl BorderBoxControl: Deprecate 36px default size #65752
• BorderControl BorderControl: Deprecate 36px default size #65755
• BoxControl
• Button @mirka
• ComboboxControl
• CustomSelectControl
• DimensionControl
• FontSizePicker
• FormFileUpload @mirka
• FormTokenField
• InputControl
• NumberControl
• RangeControl
• SelectControl
• TextareaControl
• TextControl
• ToggleGroupControl
• UnitControl

Procedure

- [ ] Log deprecation warning
- [ ] Update unit tests
- [ ] Update Storybook
- [ ] Update code snippets (Storybook, JSDoc, README)
- [ ] Changelog
- [ ] Add Dev Note tag

[hbhalodia]

Hi @mirka, I would like to pick some of the controls to add the deprecations. Should I wait until any of the PR get's merged to use the maybeWarnDeprecated36pxSize utility function?

Thank You,

[mirka]

@hbhalodia Awesome! Yes, I'll need to merge those first. I'll ping you when this is ready for contributors 🙏