Almost works with angular 12 now

• Fix scss issue
• Wait for storybook to release support or fix it as is

@emilyjensen I ran into this one issue - can you take a look? It's commented out now as that it builds but I'm not sure what it does in src/styles.scss

./src/styles.scss - Error: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Undefined mixin.
   ╷
24 │   @include mat.typography-hierarchy($mobile-typography);
   │   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   ╵
  src/styles.scss 24:3  root stylesheet
    at processResult (/home/david/Projects/glitchtip/glitchtip-frontend/node_modules/webpack/lib/NormalModule.js:676:19)
    at /home/david/Projects/glitchtip/glitchtip-frontend/node_modules/webpack/lib/NormalModule.js:778:5
    at /home/david/Projects/glitchtip/glitchtip-frontend/node_modules/loader-runner/lib/LoaderRunner.js:399:11
    at /home/david/Projects/glitchtip/glitchtip-frontend/node_modules/loader-runner/lib/LoaderRunner.js:251:18
    at context.callback (/home/david/Projects/glitchtip/glitchtip-frontend/node_modules/loader-runner/lib/LoaderRunner.js:124:13)
    at /home/david/Projects/glitchtip/glitchtip-frontend/node_modules/sass-loader/dist/index.js:54:7
    at Function.call$2 (/home/david/Projects/glitchtip/glitchtip-frontend/node_modules/sass/sass.dart.js:92612:16)
    at _render_closure1.call$2 (/home/david/Projects/glitchtip/glitchtip-frontend/node_modules/sass/sass.dart.js:81115:12)
    at _RootZone.runBinary$3$3 (/home/david/Projects/glitchtip/glitchtip-frontend/node_modules/sass/sass.dart.js:27260:18)
    at _FutureListener.handleError$1 (/home/david/Projects/glitchtip/glitchtip-frontend/node_modules/sass/sass.dart.js:25816:19)
    at _Future__propagateToListeners_handleError.call$0 (/home/david/Projects/glitchtip/glitchtip-frontend/node_modules/sass/sass.dart.js:26114:49)
    at Object._Future__propagateToListeners (/home/david/Projects/glitchtip/glitchtip-frontend/node_modules/sass/sass.dart.js:4536:77)
    at _Future._completeError$2 (/home/david/Projects/glitchtip/glitchtip-frontend/node_modules/sass/sass.dart.js:25946:9)
    at _AsyncAwaitCompleter.completeError$2 (/home/david/Projects/glitchtip/glitchtip-frontend/node_modules/sass/sass.dart.js:25600:12)
    at Object._asyncRethrow (/home/david/Projects/glitchtip/glitchtip-frontend/node_modules/sass/sass.dart.js:4335:17)
    at /home/david/Projects/glitchtip/glitchtip-frontend/node_modules/sass/sass.dart.js:12856:20

./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[1].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss - Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Undefined mixin.
   ╷
24 │   @include mat.typography-hierarchy($mobile-typography);
   │   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   ╵
  src/styles.scss 24:3  root stylesheet

Storybook also is failing. I would guess from the update to webpack 5.