Chore icu 9123 upgrade storybook (#1727)

* chore: 🤖 Add new framework config object for storybook

* chore: 🤖 Fix an unmeet peer dependency

* chore: 🤖 Deprecate static dir flag. Upgrade Storybook to 6.4

* Changes after merging with main

addons/rose/.storybook/main.js

@@ -6,6 +6,12 @@
 const namedBlockPolyfill = require('ember-named-blocks-polyfill/lib/named-blocks-polyfill-plugin');
 
 module.exports = {
+  framework: {
+    name: '@storybook/ember',
+    options: {
+      polyfills: [namedBlockPolyfill],
+    },
+  },
   stories: [
     '../addon/components/**/*.stories.@(js|mdx)',
     '../stories/**/*.stories.mdx',
@@ -16,10 +22,8 @@ module.exports = {
     '@storybook/addon-actions',
     '@storybook/addon-controls',
   ],
-  emberOptions: {
-    polyfills: [namedBlockPolyfill],
-  },
   features: {
     postcss: false,
   },
+  staticDirs: ['../dist'],
 };

addons/rose/package.json

@@ -27,8 +27,8 @@
     "test": "ember exam --test-port 0 --split=4 --parallel=1 --random",
     "test:ember-compatibility": "ember try:each",
     "prestorybook": "yarn build && yarn storybook:build",
-    "storybook": "start-storybook -p 6006 -s dist",
-    "storybook:build": "build-storybook -s dist && sb extract",
+    "storybook": "start-storybook -p 6006",
+    "storybook:build": "build-storybook && sb extract",
     "precommit": "yarn lint && yarn format && yarn test",
     "doc:toc": "doctoc README.md"
   },
@@ -66,11 +66,12 @@
     "@storybook/cli": "^6.3.10",
     "@storybook/components": "^6.3.12",
     "@storybook/core-events": "^6.3.0",
-    "@storybook/ember": "^6.3.8",
+    "@storybook/ember": "6.4.0",
     "@storybook/ember-cli-storybook": "^0.6.0",
     "@storybook/theming": "^6.3.0",
     "babel-loader": "^8.2.5",
     "babel-plugin-ember-modules-api-polyfill": "^2.12.0",
+    "babel-plugin-htmlbars-inline-precompile": "3",
     "broccoli-asset-rev": "^3.0.0",
     "doctoc": "^2.2.0",
     "ember-cli": "^4.4.0",