Because browser-repl is bundled with webpack it's dependencies are always included in the distribution and can't be tree shaken by the bundling tools of Compass. This means that even if we completely align leafygreen dependencies in Compass, we are still running into the risk of having multiple versions of emotion running on one page due to browser-repl distribution type and the outdated version which leads to the potential visual issues in the application.

To solve that we need to find a way to not include dependencies shared with Compass in the bundle (we can either make them external / peer deps or provide special exports key similar to how Compass currently resolves monorepo packages from source using exports.webpack package.json property)