Component: p-chips removal broken if a p-calendar is also loaded

[Xample]

Describe the bug

I'm unable to remove any chip from the p-chips component if a p-calendar is loaded on the page.
The reason is: loading the p-calendar component will load it's own css "calendar.css" which contains the following style

    .p-icon-wrapper {
        pointer-events: none;
    }

and is NOT scoped to the calendar

it should probably be replaced with

    .p-calendar .p-icon-wrapper {
        pointer-events: none;
    }

Environment

windows, localhost but also on stackblitz

Reproducer

https://stackblitz.com/edit/fnvchf?file=src%2Fapp%2Fdemo%2Fchips-basic-demo.ts

Angular version

17.0.5

PrimeNG version

17.4.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

20.11.0

Browser(s)

No response

Steps to reproduce the behavior

1. open the link: https://stackblitz.com/edit/fnvchf?file=src%2Fapp%2Fdemo%2Fchips-basic-demo.ts
   This is a fork of the official p-chips stackblit where I added a p-calendar and some default chips values.
2. Try to either remove the tag or to clear the entire field.
3. It won't work

Expected behavior

We should be able to both remove a chip or clear the entire field

[PranKe01]

It is even not working on primeng chips demo page witht the same css reason: https://primeng.org/chips

[thatsmeta]

This is a duplicate of #14606

[mehmetcetin01140]

Hi,

So sorry for the delayed response! Improvements have been made to many components recently, both in terms of performance and enhancement. Therefore, this improvement may have been developed in another issue ticket without realizing it. You can check this in the documentation. If there is no improvement on this, can you open a new issue so we can include it in our roadmap?

Thanks a lot for your understanding!
Best Regards,