Multi-line format of composes breaks parsing

[viveleroi]

As of prettier v3, they now split CSS declarations by commas so multiple entries in composes: declarations are included.

.title {
  composes:
    body-copy,
    text-ellipsis from global;
}

Internal server error: [postcss] postcss-modules-scope: C:/Users/.../app/components/tree/tree.module.css:132:3: referenced class name "body-copy," in composes not found
[vite]   Plugin: vite:css
[vite]   File: C:/Users/.../app/components/tree/tree.module.css:132:3
[vite]   130|
[vite]   131|  .title {
[vite]   132|    composes:
[vite]      |     ^
[vite]   133|      body-copy,
[vite]   134|      text-ellipsis from global;

But this code worked fine as a single line, so we use the /* prettier ignore */ comment for now.

.title {
  /* prettier-ignore */
  composes: body-copy, text-ellipsis from global;
}

[alexander-akait]

Sorry, it never works like you wrote, you can't use , in right now, but it sounds useful, we need update such things in all plugins

[alexander-akait]

Do you want to send a PRs?