Prism not working on deployment

Describe the bug Prism works on development, but not on deployment with netlify.

To Reproduce Steps to reproduce the behavior:

1. Shadowed src/gatsby-plugin-theme-ui/components.ts:

import Prism from '@theme-ui/prism'
const components = {
  pre: props => props.children,
  code: Prism,
}
export default components

Also defined the style in src/gatsby-plugin-theme-ui/index.ts:

import nightOwl from '@theme-ui/prism/presets/night-owl.json';

export default {
    pre: {
      ...nightOwl,
      fontFamily: `"Operator Mono", monospace`,
      fontSize: '0.9rem',
      tabSize: 4,
      hyphens: `none`,
      overflow: `auto`,
      borderRadius: 6,
      p: 3,
      my: 4
    },
}

1. Works on localhost:8000, but not deployment. To be clear, the font family does change, but not the background colour.

Screenshots Screenshot below shows what I mean. Font family is correct, but background colour hasn’t changed:

[drjosephliu]

Ok I finally got it working and prism is working as normal. Here’s what I did:

• Clean yarn.lock and node_modules and reinstall dependencies again.
• yarn add @emotion/core@^10.0.0

And fixed unmet/incorrect peer dependencies:

• yarn add @babel/core@^7.11.5
• yarn add typescript@^4.0.2

[drjosephliu]

@mrmartineau So i deleted yarn.lock and node_modules and reinstalled the dependencies again. However, deployment via netlify returned a build failure:

7:41:23 AM: failed Building production JavaScript and CSS bundles - 5.488s
7:41:23 AM: error Generating JavaScript bundles failed
7:41:23 AM: [BABEL] /opt/build/repo/.cache/polyfill-entry.js: Cannot read property 'chrome' of undefined (While processing: "/opt/build/repo/node_modules/@babel/preset-env/lib/index.js")
7:41:23 AM: error Generating JavaScript bundles failed
7:41:23 AM: [BABEL] /opt/build/repo/.cache/production-app.js: Cannot read property 'chrome' of undefined (While processing: "/opt/build/repo/node_modules/@babel/preset-env/lib/index.js")
7:41:23 AM: not finished Generating image thumbnails - 13.375s
7:41:23 AM: (sharp:1475): GLib-CRITICAL **: 11:41:23.192: g_hash_table_lookup: assertion 'hash_table != NULL' failed
7:41:23 AM: ​
7:41:23 AM: ┌─────────────────────────────┐
7:41:23 AM: │   "build.command" failed    │
7:41:23 AM: └─────────────────────────────┘
7:41:23 AM: ​
7:41:23 AM:   Error message
7:41:23 AM:   Command failed with exit code 1: gatsby build
7:41:23 AM: ​
7:41:23 AM:   Error location
7:41:23 AM:   In Build command from Netlify app:
7:41:23 AM:   gatsby build
7:41:23 AM: ​
7:41:23 AM:   Resolved config
7:41:23 AM:   build:
7:41:23 AM:     command: gatsby build
7:41:23 AM:     commandOrigin: ui
7:41:23 AM:     publish: /opt/build/repo/public