DataTable: size variant still using hardcode size

[zvn2060]

Describe the bug

The datatable size variant (p-datatable-sm, p-datatable-lg) still using fixed value

primevue/packages/primevue/src/datatable/style/DataTableStyle.js

Lines 505 to 543 in d204105

	.p-datatable.p-datatable-sm .p-datatable-header {
	padding: 0.375rem 0.5rem;
	}
	.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
	padding: 0.375rem 0.5rem;
	}
	.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
	padding: 0.375rem 0.5rem;
	}
	.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
	padding: 0.375rem 0.5rem;
	}
	.p-datatable.p-datatable-sm .p-datatable-footer {
	padding: 0.375rem 0.5rem;
	}
	.p-datatable.p-datatable-lg .p-datatable-header {
	padding: 1rem 1.25rem;
	}
	.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
	padding: 1rem 1.25rem;
	}
	.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
	padding: 1rem 1.25rem;
	}
	.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
	padding: 1rem 1.25rem;
	}
	.p-datatable.p-datatable-lg .p-datatable-footer {
	padding: 1rem 1.25rem;
	}

Reproducer

https://stackblitz.com/edit/primevue-4-ts-vite-issue-template-qackuo?file=src%2FApp.vue

PrimeVue version

4.2.1

Vue version

3.x

Language

TypeScript

Build / Runtime

Vite

Browser(s)

No response

Steps to reproduce the behavior

use Datatable component and assign the size property to small or large

Expected behavior

It should respect the new V4 design architecture