Update workshop to Styled System 5 APIs

[sapegin]

https://styled-system.com/guides/migrating

• Use system to create custom props for components like Icon. Also https://styled-system.com/guides/migrating#custom-styles
• Update variant examples
• Add variants
• Remove themeGet since it's discouraged?
• Make use of shorthand props more explicit during exercises?
• Add https://styled-system.com/guides/color-modes

[sapegin]

I have a commit removing themeGet but I need do a bit of testing ;-)

Use system to create custom props for components like Icon

Maybe, but at the very end and optional ;-)

Update variant examples
Add variants

Worth exploring, I do use variants on my sites now. But the issues with dynamic/nested theming still exists.

Make use of shorthand props more explicit during exercises?

What do you mean? Which shorthands? mt?

[okonet]

I'm editing the comment. Please hold on :)

[okonet]

at the very end and optional

I think this is quite important and should be thought during primitives part since it's often required to use same scales but render different CSS props.

I can work on an exercise.

[sapegin]

Many topics are important but we should be very careful with the order and priorities: which exercises we can skip and which we can't.

[sapegin]

This should fix nesting with variants: styled-system/styled-system#583