title: Bootstrap 5: Can not use utilities
body: <p>I have updated my project from Bootstrap 4.5 to Bootstrap 5. I did this by simply overwriting all the old bootstrap files with <code>npm install bootstrap@next</code>. Now I have the problem that I can't use the bootstrap utilities anymore. They just don't seem to be compiled into the stylesheet, even though they are imported.</p>
  <p>My app.scss file:</p>
  <pre><code>@import &quot;variables&quot;;
  
  @import &quot;../node_modules/bootstrap/scss/functions&quot;;
  @import &quot;../node_modules/bootstrap/scss/variables&quot;;
  @import &quot;../node_modules/bootstrap/scss/mixins&quot;;
  
  @import &quot;../node_modules/bootstrap/scss/grid&quot;;
  @import &quot;../node_modules/bootstrap/scss/utilities&quot;;
  </code></pre>
  <p>For example, if I now try to hide in element with <code>.d-none</code>, then this has no effect. The compiled stylesheet also does not contain a utility class.</p>