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

[dgitw]

Environment

• [X] Version of Docsy you are using: 0.10.0
• [X] How are you using Docsy? As a:
  • [X] Hugo module
  • [ ] NPM module
  • [ ] Git submodule
  • [ ] Other:
• [X] 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
• [X] OS:
  • [X] 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;
}