Tree-shakable ESM build

[orangemug]

This is a WIP PR to make oak-components tree-shakable in webpack (and hence nextjs)

Using an example next app with contains just the following

<OakThemeProvider theme={oakDefaultTheme}>
  <OakPrimaryButton>hello</OakPrimaryButton>
</OakThemeProvider>

Before: ~314kb

After: ~31kb

So essentially it's now properly tree shaking the bundle. The most important lines are these two in rollups config

preserveModules: true,
preserveModulesRoot: "src",

Todo

• Causes some error when added into OWA (find out why)
• Test, test, test

[netlify]

❌ Deploy Preview for lively-meringue-8ebd43 failed. Why did it fail? →

Name	Link
🔨 Latest commit	ab5ee0b
🔍 Latest deploy log	https://app.netlify.com/sites/lively-meringue-8ebd43/deploys/674719e639454a0008ca55bb

[notion-workspace]

📦 Make oak-components tree shakable