Deprecated Style Props

[sebald]

Description

Our <Box> component supports so called "style props", which is a shorthand for using the css prop. This means the following is equivalent:

<Box color="red">...</Box>

<Box css={{ color: 'red' }}>...</Box>

This is a bit confusing and already made some application code harder to read and comprehend since both options were used by the developer.

Proposal

We already talked about this in the past, we should remove the style props, since they are just an additional API with not enough benefits.

Warning
This is a breaking change!