Consider global export flag.

[10xjs]

It is not currently possible to define global classes as named exports when using css modules.

Defining global classes requires wrapping the default export in a :global scope block.

export default {
  ':global': {
    '.app': { ... },
  },
};

A global flag on the module or on each class would be parsed by the loader and the global scope would be created automatically.

On the module:

export const _global = true;
export const app = { ... };

On the class:

export const app = {
  _global: true,
  ...
};

Or as scope:

export const _scope = 'global';
export const app = { ... };

export const app = {
  _scope: `global`,
  ...
};