title: Overriding Bootstrap 5 colors doesn't change btn color classes
body: <p>Following this tutorial <a href="https://dev.to/ijash/customizing-bootstrap-5-color-theme-in-create-react-app-48d7" rel="nofollow noreferrer">here</a>, I've managed to override Bootstrap 5 default colors in my React application created with <code>create-react-app</code>. Inside my <code>/src/scss/custom.scss</code> I can call any of my new defined variables and use it at will, and even new created classes inside <code>custom.scss</code> are working just fine. Nevertheless, the default Bootstrap classes that use colors (as <code>btn-primary</code>, <code>bg-secondary</code> or <code>text-white</code>) doesn't change at all. When I use <code>btn-primary</code>, for example, the button color is the same old blue color that is the default Bootstrap primary color.</p>
  <p>What am I missing?</p>