Production build is broken

[jbpenrath]

Bug Report

Problematic behavior
The production build is currently broken until we disable rollup treeshaking (#156).

The <ThemeContext.Extend /> module is implied within the error. This module override globally the ThemeContext provided by styled-components so this is a side effects. It seems rollup removes this module from the bundle during tree shaking... Grommet had previously a similar issue with Webpack (grommet/grommet#2669) but seems to fix that by adding a sideEffects attribute within its package.json. Right now, it seems that is this specific attribute that generate bundle error with rollup... (If we remove this attribute, all is working well...).

Expected behavior/code
The production build should work with rollup treeshaking enable.

Steps to Reproduce

1. yarn build
2. Go to magnify-site package directory
3. yarn preview
4. Go to http://localhost:4173
5. Display a view using the Toggle Component
6. Then boom... 💥

Environment

• Jitsi magnify version: 0.1.0
• Platform: Mac OS 13.1 – Brave 1.47.171

Possible Solution

• Disable rollup treeshaking that is weird as it increases bundle size...

Additional context/Screenshots

• An issue has been opened on grommet repository (ThemeContext.Extend causing issue in production build with rollup and treeshake enabled grommet/grommet#6602)
• Similar issue with Webpack (ThemeContext.Extend causing issues from CRA production build, possibly missing 💥  grommet/grommet#2669)