Chart styled and unstyled mode updates

components/lib/chart/Chart.vue

@@ -1,5 +1,5 @@
 <template>
-    <div :class="cx('root')" v-bind="ptm('root')" data-pc-name="chart">
+    <div :class="cx('root')" :style="sx('root')" v-bind="ptm('root')" data-pc-name="chart">
         <canvas ref="canvas" :width="width" :height="height" @click="onCanvasClick($event)" v-bind="{ ...canvasProps, ...ptm('canvas') }"></canvas>
     </div>
 </template>

components/lib/chart/style/ChartStyle.js

@@ -1,12 +1,8 @@
 import BaseStyle from 'primevue/base/style';
 
-const css = `
+const inlineStyles = {
-@layer primevue {
+    root: { position: 'relative' }
-    .p-chart {
+};
-        position: relative;
-    }
-}
-`;
 
 const classes = {
     root: 'p-chart'
@@ -14,6 +10,6 @@ const classes = {
 
 export default BaseStyle.extend({
     name: 'chart',
-    css,
+    inlineStyles,
     classes
 });

components/lib/passthrough/tailwind/index.js

@@ -4249,11 +4249,5 @@ export default {
         resizehelper: {
             class: 'absolute hidden w-px z-10 bg-blue-500 dark:bg-blue-300'
         }
-    },
-    // CHART
-    chart: {
-        root: {
-            class: 'relative'
-        }
     }
 };