Issue: Styles from Copilotkit Overriding MUI and Shadcn Styles

Describe the bug
I'm experiencing an issue where the styles from Copilotkit are overriding the styles of other libraries, specifically MUI and Shadcn. This problem arises because Copilotkit exports all the base classes in its styles.css file, which needs to be imported while working with Copilotkit:

import "@copilotkit/react-ui/styles.css";

These styles from styles.css are conflicting with the styles of MUI and Shadcn components. For example, in the attached code sandbox demonstration, the styles of the Shadcn Alert Dialog component, specifically the confirm button's styles, are being overridden by Copilotkit's styles.

To Reproduce
Steps to reproduce the behavior (the easier it is to replicate, the sooner it will get fixed):

1. Create a next js project with tailwind
2. Import Copilotkit styles: import "@copilotkit/react-ui/styles.css";
3. Use MUI and Shadcn components in the project.
4. Observe that the styles of MUI and Shadcn components' styles are overridden by Copilotkit styles.

You can see the working demonstration of the issue in the following CodeSandbox link:
CodeSandbox Demo

Expected behavior
The styles from Copilotkit should not override the styles of MUI and Shadcn components.

Screenshots
expected

current

Environment:

• OS/Browser: Windows 11, Chrome
• Runtime: self-hosted
• Frontend Framework: Next

CopilotKit Packages

import "@copilotkit/react-ui"