ContextMenu: Double opacity applied to disabled items

[akasaka-oc]

Describe the bug

List items in p-contextmenu are applied double opacity when they are disabled.
The expected opacity is 0.5, but it is much smaller.

<!-- this is opacity: 0.5 -->
<li role="menuitem" class="p-element ng-tns-c1945770638-4 p-menuitem p-disabled ng-star-inserted" ...>
    <div ...>
        <!-- and this is also opacity: 0.5 -->
        <a class="p-ripple p-element ng-tns-c1945770638-4 p-menuitem-link p-disabled ng-star-inserted" ....>
            ...
        </a>
    </div>
</li>

Environment

Windows 11, Chrome

Reproducer

https://stackblitz.com/edit/dje4jx?file=src%2Fapp%2Fdemo%2Fcontext-menu-basic-demo.ts

Angular version

17.0.5

PrimeNG version

17.6.0

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

20.11

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

Opacity is applied to single element.