Missing breakpoints after update from 8.12.0 to 8.13.0

When using v8.12.0, all the breakpoints like bp--xs--major work fine, and I can view our source CSS with the translated px values.

After updating to v8.13.0, the breakpoints are missing. The source then looks like:

.bx--breadcrumb {
  font-size: 0.875rem;
  font-family: "ibm-plex-sans", Helvetica Neue, Arial, sans-serif;
  display: inline;
}

@media (min-width: bp--xs--major) { <-- missing breakpoint
  .bx--breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;

The diff for the release shows a different yarn.lock - maybe that’s related 🤔

[jamesvclements]

@alisonjoseph For our React project, we have:

1. A vendor sass file /vendor/index.scss that imports the carbon styles: @import '../../../../node_modules/carbon-components/scss/globals/scss/styles';

2. Then the very top of our main app.scss imports vendor: @import './vendor';

and then we have a gulp task that bundles all our styles, and we add the bundle in a layout.jsx that’s rendered in our main index.html.

[marijohannessen]

Closing this due to inactivity, feel free to re-open if necessary.