title: Add new utilities with Bootstrap 5
body: <p>Following the B5 new documentation, this is how you are supposed to add new utilities with the new utilities API. I have not been the get the new output though.</p>
  <p><strong>exemple:</strong></p>
  <pre><code>@import &quot;bootstrap/scss/utilities&quot;;
  
  $utilities: map-merge(
    $utilities,
    (
      &quot;cursor&quot;: (
        property: cursor,
        class: cursor
        responsive: true,
        values: auto pointer grab,
      )
    )
  );
  </code></pre>
  <p><strong>my file:</strong></p>
  <pre><code>@import &quot;bootstrap.scss&quot;;
  @import &quot;bootstrap/scss/utilities&quot;;
  
  $utilities: map-merge(
    $utilities,
    (
      &quot;button-rounded&quot;: (
        property: border-radius,
        class: button-rounded,
        values: (
          null: 20px,
        ),
      ),
    )
  );
  </code></pre>
  <ul>
  <li>I need to import bootstrap.scss because $utilities is undefined otherwise</li>
  <li>the goal is to add a new property to make the button rounded.simple example to test out the new API. not working though</li>
  <li>I am using the <a href="https://github.com/twbs/bootstrap-npm-starter" rel="nofollow noreferrer">https://github.com/twbs/bootstrap-npm-starter</a> to compile the scss files:
  the <strong>src</strong> is starter.scss and the output is starter.css</li>
  </ul>
  <p>I cannot find the new property <strong>button-rounded</strong></p>