TOCSS: failed to transform "/scss/main.scss" - The target selector was not found. Use "@extend .td-box--dark !optional"

[dgitw]

Environment

• Version of Docsy you are using: 0.10.0
• How are you using Docsy? As a:
  • Hugo module
  • NPM module
  • Git submodule
  • Other:
• Version of Hugo you are using (output of hugo version): hugo v0.128.1-0ff542b4b9cc7b5cb425bbab8bdb5aace81d0c03+extended linux/amd64 BuildDate=2024-07-02T06:46:41Z VendorInfo=gohugoio
• OS:
  • Linux
  • macOS
  • Windows
  • Other:

Problem

Just upgraded to 0.10.0

Error: error building site: TOCSS: failed to transform "/scss/main.scss" (text/x-scss): "/home/node/.cache/hugo_cache/modules/filecache/modules/pkg/mod/github.com/google/[email protected]/assets/scss/main.scss:45:11": The target selector was not found.
Use "@extend .td-box--dark !optional" to avoid this error.

hugo mod graph
[my repo] github.com/google/[email protected]
github.com/google/[email protected] github.com/twbs/[email protected]+incompatible
github.com/google/[email protected] github.com/FortAwesome/[email protected]
[my repo] github.com/google/docsy/[email protected]

node -v
v22.2.0

[dgitw]

added following to _variables_project.css so build completes as workaround but obviously this changes styles

.td-footer {
  @extend .td-box--dark !optional;
}