mergeDeclarations generate unusable css

I've cloned examples project from

[Webpack example](https://github.com/linkedin/css-blocks/tree/master/packages/%40css-blocks/webpack/examples)

as basis for my project.

Unfortunatelly when I set `mergeDeclarations` option:

```
const opticssOptions = {
rewriteIdents: true,
mergeDeclarations: true,
removeUnusedStyles: true,
conflictResolution: true,
enabled: true
};
```

resulted css is unusable - classes overlap as if everything would be in global scope, even though I have isolated components.

When I set mergeDeclarations everything renders nicely.

Can someone suggest what am I doing wrong?

This project seemed interesting because of this feature.

Start by reproducing the issue from the linked Webpack example with the shown opticssOptions and inspect the generated CSS. Compare output with mergeDeclarations enabled and disabled, focusing on whether isolated component classes remain distinct. Done means the generated CSS is usable and component isolation is preserved when declarations are merged.

Written by the indexing model from the issue text.