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/docsy@v0.10.0/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/docsy@v0.10.0
github.com/google/docsy@v0.10.0 github.com/twbs/bootstrap@v5.3.3+incompatible
github.com/google/docsy@v0.10.0 github.com/FortAwesome/Font-Awesome@v0.0.0-20240402185447-c0f460dca7f7
[my repo] github.com/google/docsy/dependencies@v0.7.2

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;
}