fix: add SCSS styles for PieChart component to improve text color handling

Author: NoOne7135

adminforth/spa/src/afcl/PieChart.vue

@@ -172,4 +172,23 @@ onUnmounted(() => {
     apexChart.destroy();
   }
 });
-</script>
+</script>
+
+<style lang="scss">
+:root {
+  --tw-text-gray: #6B7280;
+  
+}
+[data-theme='dark'] {
+  --tw-text-gray: #9CA3AF;
+}
+
+.apexcharts-datalabel-label,
+.apexcharts-datalabel-value{
+  fill: var(--tw-text-gray);
+}
+.apexcharts-legend-text {
+  color: var(--tw-text-gray) !important;
+}
+
+</style>