Rethink packages structure

[hasparus]

When you get started with Theme UI, it's not trivial to know what feature is powered by what package, as most of the functionalities we provide are opt-out not opt-in. This has led to confusion many times.

• see It's not obvious that @theme-ui/core doesn't apply styles.root. #2235

I think we should address it by looking at how people use Theme UI in production and redesigning how the features are split to match it.

Loose notes:

• Not everyone uses color modes.
• @theme-ui/components are often partially replaced not wrapped with an in-house components system.
  • We often advised using Reach UI, React Aria and Reakit
  • There were two issues asking how to use Theme UI with Material UI :)
• MDX 2 is fully ESM
  • Theme UI provider import causes an ESM error when mdx-js/react is subsequently required #2023
  • Document theme-ui + mdx problems somewhere (and workaround if it exists) mdx-js/mdx#1834 (comment)