chore: popover | use sx for root styling

Author: mehmetcetin01140

packages/primeng/src/popover/popover.ts

@@ -53,6 +53,7 @@ const POPOVER_INSTANCE = new InjectionToken<Popover>('POPOVER_INSTANCE');
             <div
                 [pBind]="ptm('root')"
                 [class]="cn(cx('root'), styleClass)"
+                [style]="sx('root')"
                 [ngStyle]="style"
                 (click)="onOverlayClick($event)"
                 role="dialog"

packages/primeng/src/popover/style/popoverstyle.ts

@@ -1,13 +1,10 @@
 import { Injectable } from '@angular/core';
-import { style as popover_style } from '@primeuix/styles/popover';
+import { style } from '@primeuix/styles/popover';
 import { BaseStyle } from 'primeng/base';
 
-const style = /*css*/ `
-${popover_style}
-/*For PrimeNG*/
-.p-popover {
-    position: absolute;
-}`;
+const inlineStyles = {
+    root: () => ({ position: 'absolute' })
+};
 
 const classes = {
     root: 'p-popover p-component',
@@ -21,4 +18,6 @@ export class PopoverStyle extends BaseStyle {
     style = style;
 
     classes = classes;
+
+    inlineStyles = inlineStyles;
 }