Themes: mobile CSS loses spaces between classes

[pijusjuodis]

Describe the bug

Could not reproduce in the codebox, but with primereact 10.2.1 I started to have issues appearing on a random basis, where on mobile devices the imported CSS loses the spaces between class names. For example:
..p-menubar .p-menubar-button gets compiled as .p-menubar.p-menubar-button - which leads to mobile view look unstyled.

I'm using symfony webpack encore bundle and npm to compile the assets. The issue is not appearing if I downgrade to 9.6.2 version

Reproducer

No response

PrimeReact version

10.2.1

React version

18.x

Language

ES6

Build / Runtime

Create React App (CRA)

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response

[melloware]

I wonder if this has to do with the CSS Layers introduced in PR10..

@layer primereact {

[github-actions]

This issue has been automatically marked as stale. If this issue is still affecting you with the latest version, please leave any comment, and we will keep it open. We are sorry that we have not been able to prioritize it yet. If you have any new additional information, please include it with your comment!

[github-actions]

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please create a new issue with up-to-date information. Thank you for your understanding!