Style props are a convenient mechanism for modifying styles directly on components with CSS-in-JS. Unfortunately, they also come with a significant runtime cost which negatively impacts our user experience. Because of those concerns, we've introduced new styling utilities that allow you to get the convenience of CSS-in-JS, but has much better runtime performance.
To start, we'll work through the process of migrating a Box
component.