HMR error chunk commons during FE build

[vim-usds]

After the build is over, there is a conflicting CSS order warning in the terminal logs:

success run page queries - 0.028s - 3/3 105.46/s
⠀
You can now view justice40-tool in the browser.
⠀
  Local:            http://localhost:8000/
  On Your Network:  http://192.168.4.77:8000/
⠀
View GraphiQL, an in-browser IDE, to explore your site's data and schema
⠀
  Local:            http://localhost:8000/___graphql
  On Your Network:  http://192.168.4.77:8000/___graphql
⠀
Note that the development build is not optimized.
To create a production build, use gatsby build
⠀
warn chunk commons [mini-css-extract-plugin]
**Conflicting order. Following module has been added:**
 * css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].oneOf[0].use[1]!./node_modules/postcss-loader/di
st/cjs.js??ruleSet[1].rules[10].oneOf[0].use[2]!./node_modules/gatsby-plugin-sass/node_modules/sass-loader/dist/cjs
.js??ruleSet[1].rules[10].oneOf[0].use[3]!./src/components/PublicEngageButton/PublicEngageButton.module.scss
despite it was not able to fulfill desired ordering with these modules:
 * css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].oneOf[0].use[1]!./node_modules/postcss-loader/di
st/cjs.js??ruleSet[1].rules[10].oneOf[0].use[2]!./node_modules/gatsby-plugin-sass/node_modules/sass-loader/dist/cjs
.js??ruleSet[1].rules[10].oneOf[0].use[3]!./src/components/SubPageNav/SubPageNav.module.scss
   - couldn't fulfill desired order of chunk group(s) component---src-pages-methodology-tsx
   - while fulfilling desired order of chunk group(s) component---src-pages-about-tsx
success Building development bundle - 47.477s
success Writing page-data.json files to public directory - 0.194s - 3/33 169.94/s
success Caching HTML renderer compilation - 49.257s

This started after adding the the styling to the SubPageNav.tsx component. If scss file is no longer imported, this warning goes away