title: Unable to use assets in url() in scss after upgrading to Angular 10
body: <p>I upgraded my Angular application from v9 to v10. Almost everything worked but all my images used in <code>url(&quot;assets/images/some/path/image.png&quot;)</code> started to throw the exception-</p>
  <pre><code>ERROR in ./src/app/pages/about-us/about-us.component.scss
  Module Error (from ./node_modules/postcss-loader/src/index.js):
  (Emitted value instead of an instance of Error) CssSyntaxError: /Users/shashank/Projects/curika/temp-ssr/src/app/pages/about-us/about-us.component.scss:4:20: Can't resolve './assets/images/about-us.png' in '/Users/shashank/Projects/curika/temp-ssr/src/app/pages/about-us'
  
    2 |   display: block;
    3 |   min-height: 500px;
  &gt; 4 |   background: url(&quot;./assets/images/about-us.png&quot;) no-repeat center;
      |                    ^
    5 | }
  </code></pre>
  <p><a href="https://i.stack.imgur.com/BVcui.png" rel="noreferrer"><img src="https://i.stack.imgur.com/BVcui.png" alt="Angular 10 error of assets" /></a></p>
  <p>I tried various old links but none worked.</p>
  <ol>
  <li><a href="https://github.com/angular/angular-cli/issues/12797" rel="noreferrer">https://github.com/angular/angular-cli/issues/12797</a></li>
  <li><a href="https://github.com/angular/angular/issues/32811" rel="noreferrer">https://github.com/angular/angular/issues/32811</a></li>
  </ol>