Así que estoy usando StencilCLI de BigCommerce y al azar comencé a recibir un mensaje de error que apuntaba a mi archivo sass personalizado. Está apuntando al siguiente código:

 .container { @include breakpoint("medium") { max-width:106rem; } @include breakpoint("large") { padding: 0 3rem; } }

lo que me da el siguiente error cuando lo empujo a github,

 Validating theme... /opt/hostedtoolcache/node/12.22.12/x64/lib/node_modules/@bigcommerce/stencil-cli/lib/bundle-validator.js:429 throw new Error( ^ Error: no mixin named breakpoint Backtrace: stdin:25 on line 25 of stdin >> @include breakpoint("medium") { -------------^ : while compiling css files from "/home/runner/work/maz/maz/assets/scss/_custom.scss". at BundleValidator._validateCssFiles (/opt/hostedtoolcache/node/12.22.12/x64/lib/node_modules/@bigcommerce/stencil-cli/lib/bundle-validator.js:429:23) Error: Process completed with exit code 1.

He leído muchas cosas al investigar este código de error sobre la importación del mixin, pero no estoy seguro de dónde ponerlo, o por qué necesito hacerlo o si ya está hecho. No siempre arrojó este error y muchos otros archivos scss usan el mismo código @include breakpoint ("grande/mediano/pequeño") en sus archivos, pero ninguno de ellos arroja el error.

El archivo más cercano que puedo encontrar que parece importar la combinación de punto de interrupción es este archivo javascript:

 const breakpointSizes = { large: 1261, medium: 876, small: 551, };

Cualquier ayuda con una explicación de lo que necesito hacer sería útil, cuanto más descriptivo, mejor.