Utilities example in sub-theme breaks bg-opacity CSS var

Found a pretty good write-up on the pros and cons of a couple different approaches, the first of which, according to the author, follows Bootstrap documentation.

Adding the following fixed the issue for me.

@import "bootstrap/scss/utilities";

The question remains, should this example utilities override remain in the sub-theme?

Sorry, a clarification. The above @import statement also needs the following changes:

$utilities: map-merge(
  (
    "background-color": (
      ...
      values: map.merge($utilities-bg-colors, ($colors)),
    )
  ),
  $utilities
);

Thanks James, played around and pushed a fix

Automatically closed - issue fixed for 2 weeks with no activity.