Fix Storybook WSOD with some dependency updates

packages/fonts/package.json

@@ -15,9 +15,9 @@
   "devDependencies": {
     "@babel/core": "^7.8.3",
     "@babel/preset-react": "^7.12.1",
-    "@storybook/addon-backgrounds": "^6.1.9",
-    "@storybook/addon-docs": "^6.1.9",
-    "@storybook/html": "^6.1.9",
+    "@storybook/addon-backgrounds": "^6.3.2",
+    "@storybook/addon-docs": "^6.3.2",
+    "@storybook/html": "^6.3.2",
     "@svgr/webpack": "^5.4.0",
     "babel-jest": "^26.2.2",
     "babel-loader": "^8.0.6",
@@ -38,12 +38,11 @@
     "mini-css-extract-plugin": "^1.3.9",
     "node-sass": "^4.13.1",
     "puppeteer": "^2.1.1",
-    "react": "^17.0.1",
     "react-is": "^16.13.0",
     "sass-loader": "^10.0.2",
     "sass-true": "^5.0.0",
     "start-server-and-test": "^1.10.11",
-    "storybook-dark-mode": "^1.0.3",
+    "storybook-dark-mode": "^1.0.8",
     "style-loader": "^1.1.3",
     "webpack": "^4.41.5",
     "webpack-cli": "^4.5.0"

packages/vocabulary/.storybook/main.js

@@ -1,4 +1,4 @@
-  
+
 module.exports = {
   stories: [
     './meta/*.stories.mdx',
@@ -11,11 +11,10 @@ module.exports = {
         renderTarget: 'tab'
       }
     },
-    '@storybook/addon-knobs',
     '@storybook/addon-backgrounds',
     '@storybook/addon-viewport',
     '@storybook/addon-docs',
-    '@storybook/addon-a11y', 
+    '@storybook/addon-a11y',
     'storybook-dark-mode/register'
   ]
 }

packages/vocabulary/.storybook/preview.js

@@ -5,7 +5,6 @@ import vocabularySvg from '../src/assets/logos/products/vocabulary.svg'
 import vocabularySvgInverted from '../src/assets/logos/products/vocabulary_inverted.svg'
 
 import { withDesign } from 'storybook-addon-designs'
-import { withKnobs } from '@storybook/addon-knobs'
 
 import viewports from './viewport'
 import order from './order'
@@ -79,4 +78,3 @@ addParameters({
 })
 
 addDecorator(withDesign)
-addDecorator(withKnobs)