@import-glob "components/*.css" layer(components); isn't transformed correctly

[argyleink]

Per postcss/postcss-import#496 from postcss-import, specifying a layer works. But when using this glob plugin to grab a bunch of files for import, the layer definition is lost.

Given

@import-glob "components/*.css" layer(components);

The output currently:

@import "components/a.css";
@import "components/b.css";

The expected output is

@import "components/a.css" layer(components);
@import "components/b.css" layer(components);

a test might look like

test('layer test', async (t) => {
  const input = `
    @import-glob "fixtures/css/foo/**/*.css" layer(test);
  `;

  const output = `
    @import "${__dirname}/fixtures/css/foo/bar.css" layer(test);
    @import "${__dirname}/fixtures/css/foo/foo.css" layer(test);
  `;

  await tester.test(input, output, t);
});