OverlayPanel: Do not insert content using CSS

Describe the bug

There is an issue from accesibility validator for OverlayPanel:
WCAG2 A 1.3.1: Do not insert content using CSS

.p-overlaypanel:after, .p-overlaypanel:before {
   bottom: 100%;
   left: calc(var(--overlayArrowLeft, 0) + 1.25rem);
   content: " ";
   height: 0;
   width: 0;
   position: absolute;
   pointer-events: none;
}

Reproducer

No response

System Information

System:
    OS: Windows 10 10.0.19045
    CPU: (6) x64 Intel(R) Core(TM) i5-9400 CPU @ 2.90GHz
    Memory: 3.44 GB / 15.87 GB
  Binaries:
    Node: 20.10.0 - C:\Program Files\NodeJS 20.10.0\node.EXE
    npm: 10.2.3 - C:\Program Files\NodeJS 20.10.0\npm.CMD
  Browsers:
    Edge: Chromium (140.0.3485.54)
    Internet Explorer: 11.0.19041.5794

Steps to reproduce the behavior

Validate website which contains OverlayPanel with Accesibility Validator

Expected behavior

No WCAG error regarding:
WCAG2 A 1.3.1: Do not insert content using CSS

Start by locating the stylesheet or component styles that define the .p-overlaypanel:after and .p-overlaypanel:before selectors. Reproduce an OverlayPanel and run an accessibility validator; done means the WCAG2 A 1.3.1 error about inserting content using CSS is no longer reported.