using css modules, how can I import classes from a file

Question

I am using css modules for my project, and I have a file positioning.css which has some useful classes that I want to import. e.g. .right, .left

What is the best approach for this using CSS Modules?

At the moment I can see 2 options, but they are not all that great:

composition in the component's style

.right {
    composes: right from '../styles/positioning.css';
}

or

multiple css module imports in the component

import positioning from '../styles/positioning.css'
import styles from './myComponent.css';
Object.assign(styles, positioning)

class Menu extends Component {

  render() {

    return (
      <div styleName='menu'>
        <div styleName='left'>this is left</div>
        <div styleName='right'>this is right</div>
      </div>
    );
  }
};

export default CSSModules(Menu, styles);

Answer 1

I have manage to get this working:

// css file
@value class-to-compose from "file-where-class-is-defined.css";

.someclass {
  composes: class-to-compose;
  // other styles
}