When extend child class, parent class is also extended

[trungfinity]

I have this piece of CSS:

/* test.css */

.topbar {
  /* blah */
}

.topbar .search {
  extends: iconMagnifier from "../../styles/icons.scss";
}

After running through css-loader with:

{
  test: /\.css$/,
  loaders: [
    'style',
    'css?module'
  ]
}

I got something like that with exported styles:

import styles from "./test.css";
console.log(styles);
// => { topbar: "topbar--hhDqN iconMagnifier--28gN4", search: "search--1hPrb iconMagnifier--28gN4" }

topbar should not be extended like that, right? Styles should be { topbar: "topbar--hhDqN", search: "search--1hPrb iconMagnifier--28gN4" }.

Though?

[sokra]

This results in a error now.