resolve scss import issue.

Please refer to:
storybookjs/presets#195

.storybook/main.js

@@ -6,7 +6,6 @@ module.exports = {
   addons: [
     "@storybook/addon-links",
     "@storybook/addon-essentials",
-    "@storybook/preset-create-react-app",
     '@storybook/preset-scss',
     '@storybook/addon-backgrounds'
   ]

.storybook/preview.js

@@ -1,7 +1,4 @@
-// old way to import scss file
-import '!style-loader!css-loader!sass-loader!../src/index.scss';
-// WORKAROUND: use normal import when running test
-//import '../src/index.scss';
+import '../src/index.scss';
 
 export const parameters = {
   actions: { argTypesRegex: "^on[A-Z].*" },
@@ -32,4 +29,4 @@ export const parameters = {
       },
     ],
   },
-}
+}

src/assets/style/_images.scss

@@ -3,7 +3,7 @@
   height: 40px;
   background: center / cover no-repeat url(../images/logo-ANSWER.svg);
   // For storybook ↓
-  //background: center / cover no-repeat url(./assets/images/logo-ANSWER.svg);
+  //background: center / cover no-repeat url(/src/assets/images/logo-ANSWER.svg);
 
   &.logo--sm {
     width: 40px;

src/components/HomeScreen.js

@@ -13,13 +13,6 @@ export default function HomeScreen() {
 
       <ul className="ms-3">
         <li key={1} style={{"list-style": 'disc'}}>
-          <p>
-            Current official SCSS support of Storybook is not working.
-            Workaround is required.
-            Please refer to <a href="https://github.com/solring/react-scss-template">here.</a>
-          </p>
-        </li>
-        <li key={2} style={{"list-style": 'disc'}}>
           <p>
             Path resolving mechanism is different between node-scss and webpack style loaders.
             Please refer to <a href="https://github.com/solring/react-scss-template/issues/1">This issue.</a>