Add css var ponyfill

package-lock.json

@@ -2766,6 +2766,11 @@
         }
       }
     },
+    "css-vars-ponyfill": {
+      "version": "1.16.2",
+      "resolved": "https://registry.npmjs.org/css-vars-ponyfill/-/css-vars-ponyfill-1.16.2.tgz",
+      "integrity": "sha512-cnF2KwwMPjU+P5jgDnPv/o+RioqDyjw81YNLki3rEPDp28xYE0zjpN23RaFF/pimmS4G4MG1eJtSYGaf19mvyw=="
+    },
     "css-what": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/css-what/-/css-what-2.1.2.tgz",

package.json

@@ -4,6 +4,7 @@
   "description": "A Chrome DevTools extension for helping developers onboard onto and debug their Mezzurite setup",
   "main": "index.js",
   "dependencies": {
+    "css-vars-ponyfill": "^1.16.2",
     "normalize.css": "^8.0.1",
     "react": "^16.5.2",
     "react-dom": "^16.5.2",

src/devpanel/index.js

@@ -1,10 +1,11 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 
+import cssVars from 'css-vars-ponyfill';
 import 'normalize.css';
-import './index.css';
 
 import App from './components/App.js';
+import './index.css';
 
 // The only reason for using React Router DOM is to have ALT for the chrome extension
 // MemoryRouter is used because this is not a traditional browser environment
@@ -14,3 +15,5 @@ ReactDOM.render((
 // </MemoryRouter>
 ), document.getElementById('root')
 );
+
+cssVars();