feat: Add flex styles to mergeStyles

[NicholasBoll]

Summary

Flex style props are not part of mergeStyles. This will cause breaking changes if we remove style props from a component when an application uses flex style props. For example,

<ListBox flexDirection="row">...</ListBox>

If we used a flexDirection style prop in v10, but move it to a Stencil in v11, the flexDirection="row" will no longer work. This is because mergeStyles is covering all style props except for flex style props like flexDirection. The flexDirection prop will be prop drilled all the way down to the Flex layout component which will now be applied under the flexDirection: 'column' of the Stencil, changing the behavior of the style prop. It is not our intention to break style props in v11, so the mergeStyles should handle all style props so that passing style props this way always overrides.

Release Category

Components

---

Checklist

• MDX documentation adheres to Canvas Kit's Documentation Guidelines
• Label ready for review has been added to PR

For the Reviewer

• PR title is short and descriptive
• PR summary describes the change (Fixes/Resolves linked correctly)

[cypress]

Passing run #7283 ↗︎

0	970	3	0	0
⚠️ You've recorded test results over your free plan limit. Upgrade your plan to view test results.

Details:

Merge 63791b2 into 75c2952...
Project: canvas-kit	Commit: 21724548b2 ℹ️
Status: Passed	Duration: 16:15 💡
Started: May 8, 2024 9:37 PM	Ended: May 8, 2024 9:53 PM

Review all test suite changes for PR #2731 ↗︎

failing test