Error: compound selectors may no longer be extended is encountered when building the themes

問題

カスタマイズしていない素のテーマを作成すると、ビルド時に以下のエラーが発生します：

[14:26:26] 'build:compile-css' errored after 4.9 s
[14:26:26] Error in plugin "sass"
Message:
    build/_css/compat/components/_dropdowns.scss
Error: compound selectors may no longer be extended.
Consider `@extend .dropdown-item, .disabled` instead.
See http://bit.ly/ExtendCompound for details.

   ╷
34 │         @extend .dropdown-item.disabled;
   │                 ^^^^^^^^^^^^^^^^^^^^^^^
   ╵
  build/_css/compat/components/_dropdowns.scss 34:11  root stylesheet
Details:
    formatted: Error: compound selectors may no longer be extended.
Consider `@extend .dropdown-item, .disabled` instead.
See http://bit.ly/ExtendCompound for details.

   ╷
34 │         @extend .dropdown-item.disabled;
   │                 ^^^^^^^^^^^^^^^^^^^^^^^
   ╵
  build/_css/compat/components/_dropdowns.scss 34:11  root stylesheet
    line: 34
    column: 11
    file: /Users/jordi/Downloads/Liferay/test1-theme/build/_css/compat/components/_dropdowns.scss
    status: 1
    messageFormatted: build/_css/compat/components/_dropdowns.scss
Error: compound selectors may no longer be extended.
Consider `@extend .dropdown-item, .disabled` instead.
See http://bit.ly/ExtendCompound for details.

   ╷
34 │         @extend .dropdown-item.disabled;
   │                 ^^^^^^^^^^^^^^^^^^^^^^^
   ╵
  build/_css/compat/components/_dropdowns.scss 34:11  root stylesheet
    messageOriginal: compound selectors may no longer be extended.
Consider `@extend .dropdown-item, .disabled` instead.
See http://bit.ly/ExtendCompound for details.

   ╷
34 │         @extend .dropdown-item.disabled;
   │                 ^^^^^^^^^^^^^^^^^^^^^^^
   ╵
  build/_css/compat/components/_dropdowns.scss 34:11  root stylesheet
    relativePath: build/_css/compat/components/_dropdowns.scss
    domainEmitter: [object Object]
    domainThrown: false

[14:26:26] 'build' errored after 5.96 s

Environment

Liferay DXP 7.3
node -v 14.17.0
npm -v 6.14.13

解決策

js-themes-toolkitでは、プリプロセッサをLibsassからDart Sassに変更しました。そして、Dart Sassは、古いテーマのビルドが失敗するような壊れやすい変更を導入しています。
テーマを構築するには、設定ファイル、Dart Sassを無効にして、現在の基本的なツールを使用するために進み続けます。
package.json:
```
	"liferayTheme": {
		"sassOptions": {
			"dartSass": false
		},
		//...
	},
```

テーマ構築時にError: Compound Selectors may no longer to be extendedが発生しました。

問題

Environment

解決策

追加情報