error while compiling scss files - BundleValidator

[buildpath-ian]

Expected behavior

Run stencil bundle and Stencil will bundle the theme including compiling scss.

Actual behavior

Run stencil bundle and Stencil throws an error:

nvm\v18.15.0\node_modules@bigcommerce\stencil-cli\lib\ScssValidator.js:40
throw new Error(
^

Error: Undefined variable: "$theme-body-font-family".
on line 25 of settings/global/typography/typography.scss
from line 1 of stdin

$fontFamily-sans: $theme-body-font-family, Arial, Helvetica, s
--------------------------------^
: while compiling css files from "theme\assets\scss/fonts-icons".
at ScssValidator.run (C:\Users\mason\AppData\Roaming\nvm\v18.15.0\node_modules@bigcommerce\stencil-cli\lib\ScssValidator.js:40:23)
at async BundleValidator._validateCssFiles (nvm\v18.15.0\node_modules@bigcommerce\stencil-cli\lib\bundle-validator.js:409:9)

Steps to reproduce behavior

1. Download theme via Stencil CLI. This theme is PapaThemes Beautify theme and it works fine installed on my store.
2. Run stencil bundle
3. Stencil CLI throws error as described above. Please note that it the $theme-body-font-family var is already defined in /global/_global.scss so this error shouldn't be occurring.

Environment

Stencil-cli version stencil --version: 7.2.0

Node version node -v: 18.15.0

NPM version npm -v: 9.5.0

OS: Windows 11