diff --git a/packages/jsonforms/package.json b/packages/jsonforms/package.json
index 1c73cf7b26..6e2e058688 100644
--- a/packages/jsonforms/package.json
+++ b/packages/jsonforms/package.json
@@ -46,7 +46,6 @@
     "consola": "catalog:",
     "lodash-es": "catalog:",
     "modern-normalize": "3.0.1",
-    "postcss": "catalog:",
     "type-fest": "4.26.1",
     "typescript": "catalog:",
     "v-calendar": "catalog:patch",
diff --git a/packages/jsonforms/postcss.config.cjs b/packages/jsonforms/postcss.config.cjs
deleted file mode 100644
index d03efa10cf..0000000000
--- a/packages/jsonforms/postcss.config.cjs
+++ /dev/null
@@ -1,10 +0,0 @@
-// TODO: replace require with import; needs postcss.config.cjs converted to esm
-// eslint-disable-next-line @typescript-eslint/no-require-imports
-const { preset } = require("@knime/styles/config/postcss.config.cjs");
-
-module.exports = {
-  plugins: {
-    "postcss-mixins": {},
-    "postcss-preset-env": preset,
-  },
-};
diff --git a/packages/jsonforms/src/JsonFormsDialog.vue b/packages/jsonforms/src/JsonFormsDialog.vue
index 33fd0bd78a..0fc2cb9d65 100644
--- a/packages/jsonforms/src/JsonFormsDialog.vue
+++ b/packages/jsonforms/src/JsonFormsDialog.vue
@@ -189,7 +189,7 @@ const jsonFormsDialogBindings = computed(() => ({
   </div>
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 .dialog {
   position: relative;
   display: flex;
diff --git a/packages/jsonforms/src/higherOrderComponents/control/LabeledControl.vue b/packages/jsonforms/src/higherOrderComponents/control/LabeledControl.vue
index 4067dd6230..73b23459ad 100644
--- a/packages/jsonforms/src/higherOrderComponents/control/LabeledControl.vue
+++ b/packages/jsonforms/src/higherOrderComponents/control/LabeledControl.vue
@@ -42,7 +42,7 @@ const title = computed(() => (props.label === "" ? " " : props.label));
   </div>
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 .dialog-label {
   /**
   * This is necessary to fixate the dialog popovers
diff --git a/packages/jsonforms/src/higherOrderComponents/control/errorMessage/ErrorLine.vue b/packages/jsonforms/src/higherOrderComponents/control/errorMessage/ErrorLine.vue
index 407da57622..e3b7885aaf 100644
--- a/packages/jsonforms/src/higherOrderComponents/control/errorMessage/ErrorLine.vue
+++ b/packages/jsonforms/src/higherOrderComponents/control/errorMessage/ErrorLine.vue
@@ -13,7 +13,7 @@ defineProps<{
   </div>
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 .error {
   position: relative;
 
diff --git a/packages/jsonforms/src/higherOrderComponents/control/errorMessage/ErrorMessages.vue b/packages/jsonforms/src/higherOrderComponents/control/errorMessage/ErrorMessages.vue
index dfa64575a0..03ce9afd43 100644
--- a/packages/jsonforms/src/higherOrderComponents/control/errorMessage/ErrorMessages.vue
+++ b/packages/jsonforms/src/higherOrderComponents/control/errorMessage/ErrorMessages.vue
@@ -29,7 +29,7 @@ withDefaults(
   </div>
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 .error-message-wrapper {
   display: flex;
   flex-direction: column;
diff --git a/packages/jsonforms/src/layoutComponents/Form.vue b/packages/jsonforms/src/layoutComponents/Form.vue
index 140f31b89a..e42fd1f93f 100644
--- a/packages/jsonforms/src/layoutComponents/Form.vue
+++ b/packages/jsonforms/src/layoutComponents/Form.vue
@@ -10,7 +10,7 @@ container
   </div>
 </template>
 
-<style scoped lang="postcss">
+<style scoped>
 .flex-wrapper {
   display: flex;
   flex-direction: column;
diff --git a/packages/jsonforms/src/layoutComponents/HorizontalLayout.vue b/packages/jsonforms/src/layoutComponents/HorizontalLayout.vue
index ba533d3f68..4e4431021d 100644
--- a/packages/jsonforms/src/layoutComponents/HorizontalLayout.vue
+++ b/packages/jsonforms/src/layoutComponents/HorizontalLayout.vue
@@ -22,7 +22,7 @@ defineProps<VueLayoutProps>();
   </div>
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 .horizontal {
   display: inline-flex;
   gap: 5px;
diff --git a/packages/jsonforms/src/layoutComponents/LayoutComponentWrapper.vue b/packages/jsonforms/src/layoutComponents/LayoutComponentWrapper.vue
index e3d3c40790..830a882ee2 100644
--- a/packages/jsonforms/src/layoutComponents/LayoutComponentWrapper.vue
+++ b/packages/jsonforms/src/layoutComponents/LayoutComponentWrapper.vue
@@ -35,6 +35,6 @@ export default LayoutComponentWrapper;
   </div>
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 @import url("../utils/animation.css");
 </style>
diff --git a/packages/jsonforms/src/layoutComponents/SectionLayout.vue b/packages/jsonforms/src/layoutComponents/SectionLayout.vue
index c129b5555e..2ecb26683e 100644
--- a/packages/jsonforms/src/layoutComponents/SectionLayout.vue
+++ b/packages/jsonforms/src/layoutComponents/SectionLayout.vue
@@ -36,7 +36,7 @@ const hover = ref(false);
   </div>
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 .section {
   &:not(:first-child) {
     padding-top: var(--space-16);
diff --git a/packages/jsonforms/src/layoutComponents/SettingsSubPanelLayout.vue b/packages/jsonforms/src/layoutComponents/SettingsSubPanelLayout.vue
index d16f0013ca..3082ef57be 100644
--- a/packages/jsonforms/src/layoutComponents/SettingsSubPanelLayout.vue
+++ b/packages/jsonforms/src/layoutComponents/SettingsSubPanelLayout.vue
@@ -60,7 +60,7 @@ const hover = ref(false);
   </div>
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 .set-button {
   & span {
     margin: 0 var(--space-4);
diff --git a/packages/jsonforms/src/layoutComponents/VerticalLayoutBase.vue b/packages/jsonforms/src/layoutComponents/VerticalLayoutBase.vue
index 6ab6ada106..7f7440ddc1 100644
--- a/packages/jsonforms/src/layoutComponents/VerticalLayoutBase.vue
+++ b/packages/jsonforms/src/layoutComponents/VerticalLayoutBase.vue
@@ -12,7 +12,7 @@ defineProps<{ elements: UISchemaElement[] }>();
   </div>
 </template>
 
-<style scoped lang="postcss">
+<style scoped>
 .vertical-layout {
   display: flex;
   flex-direction: column;
diff --git a/packages/jsonforms/src/layoutComponents/section/SectionHeading.vue b/packages/jsonforms/src/layoutComponents/section/SectionHeading.vue
index 6afd8efb4b..e2575d4d29 100644
--- a/packages/jsonforms/src/layoutComponents/section/SectionHeading.vue
+++ b/packages/jsonforms/src/layoutComponents/section/SectionHeading.vue
@@ -15,7 +15,7 @@ defineProps<{
   </div>
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 .section-header {
   position: sticky;
   top: 0;
diff --git a/packages/jsonforms/src/layoutComponents/settingsSubPanel/SettingsSubPanel.vue b/packages/jsonforms/src/layoutComponents/settingsSubPanel/SettingsSubPanel.vue
index 08d086b447..819e629219 100644
--- a/packages/jsonforms/src/layoutComponents/settingsSubPanel/SettingsSubPanel.vue
+++ b/packages/jsonforms/src/layoutComponents/settingsSubPanel/SettingsSubPanel.vue
@@ -96,7 +96,7 @@ const styleOverrides = computed(() => ({
   </Teleport>
 </template>
 
-<style scoped lang="postcss">
+<style scoped>
 .side-drawer-content {
   display: flex;
   flex-direction: column;
@@ -116,7 +116,7 @@ const styleOverrides = computed(() => ({
 }
 </style>
 
-<style lang="postcss">
+<style>
 /* Adjust the z-index of the side drawer to fix dialogue popovers */
 * {
   --z-index-common-side-drawer: 3;
diff --git a/packages/jsonforms/src/layoutComponents/settingsSubPanel/SettingsSubPanelBackArrow.vue b/packages/jsonforms/src/layoutComponents/settingsSubPanel/SettingsSubPanelBackArrow.vue
index b39fdda68d..e0262bfaba 100644
--- a/packages/jsonforms/src/layoutComponents/settingsSubPanel/SettingsSubPanelBackArrow.vue
+++ b/packages/jsonforms/src/layoutComponents/settingsSubPanel/SettingsSubPanelBackArrow.vue
@@ -35,7 +35,7 @@ const styleOverrides = computed(() => ({
   </div>
 </template>
 
-<style scoped lang="postcss">
+<style scoped>
 .flex-horizontal {
   display: flex;
   align-items: center;
diff --git a/packages/jsonforms/src/loading/LoadingDialog.vue b/packages/jsonforms/src/loading/LoadingDialog.vue
index 1f24cbfdfa..1af15713d4 100644
--- a/packages/jsonforms/src/loading/LoadingDialog.vue
+++ b/packages/jsonforms/src/loading/LoadingDialog.vue
@@ -20,7 +20,7 @@ onMounted(() => {
   </div>
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 /* TODO UIEXT-2167: Move skeleton to common repo */
 @import url("./skeleton.css");
 
diff --git a/packages/jsonforms/src/uiComponents/CheckboxControl.vue b/packages/jsonforms/src/uiComponents/CheckboxControl.vue
index 9a66d5eaa0..d7ab219654 100644
--- a/packages/jsonforms/src/uiComponents/CheckboxControl.vue
+++ b/packages/jsonforms/src/uiComponents/CheckboxControl.vue
@@ -33,7 +33,7 @@ const hover = ref(false);
   </div>
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 .checkbox-input {
   /**
    * This is necessary to fixate the dialog popovers
diff --git a/packages/jsonforms/src/uiComponents/CheckboxesControl.vue b/packages/jsonforms/src/uiComponents/CheckboxesControl.vue
index 14b6a18a50..0c714a5db6 100644
--- a/packages/jsonforms/src/uiComponents/CheckboxesControl.vue
+++ b/packages/jsonforms/src/uiComponents/CheckboxesControl.vue
@@ -42,7 +42,7 @@ onMounted(() => {
   />
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 .checkboxes {
   margin-bottom: -10px;
 }
diff --git a/packages/jsonforms/src/uiComponents/DateTimeFormatPickerWithTypeControl.vue b/packages/jsonforms/src/uiComponents/DateTimeFormatPickerWithTypeControl.vue
index 0d813d83aa..b14ba0dfef 100644
--- a/packages/jsonforms/src/uiComponents/DateTimeFormatPickerWithTypeControl.vue
+++ b/packages/jsonforms/src/uiComponents/DateTimeFormatPickerWithTypeControl.vue
@@ -102,7 +102,7 @@ const temporalTypeModel = computed({
   </div>
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 .control-container {
   display: flex;
   flex-direction: column;
diff --git a/packages/jsonforms/src/uiComponents/RadioControl.vue b/packages/jsonforms/src/uiComponents/RadioControl.vue
index e454e685fb..8e8f72716a 100644
--- a/packages/jsonforms/src/uiComponents/RadioControl.vue
+++ b/packages/jsonforms/src/uiComponents/RadioControl.vue
@@ -10,7 +10,7 @@ defineProps<VueControlPropsForLabelContent<string>>();
   <RadioControlBase v-bind="$props" type="radio" class="radio" />
 </template>
 
-<style scoped lang="postcss">
+<style scoped>
 .radio {
   margin-bottom: -10px;
 }
diff --git a/packages/jsonforms/src/uiComponents/SortListControl.vue b/packages/jsonforms/src/uiComponents/SortListControl.vue
index cee0dbfcc3..30ccebde03 100644
--- a/packages/jsonforms/src/uiComponents/SortListControl.vue
+++ b/packages/jsonforms/src/uiComponents/SortListControl.vue
@@ -186,7 +186,7 @@ const controlElement = ref<typeof SortList | null>(null);
   </LabeledControl>
 </template>
 
-<style scoped lang="postcss">
+<style scoped>
 .flex {
   display: flex;
   flex-direction: row;
diff --git a/packages/jsonforms/src/uiComponents/TextAreaControl.vue b/packages/jsonforms/src/uiComponents/TextAreaControl.vue
index cb7dd57ed9..c4069863af 100644
--- a/packages/jsonforms/src/uiComponents/TextAreaControl.vue
+++ b/packages/jsonforms/src/uiComponents/TextAreaControl.vue
@@ -18,7 +18,7 @@ defineProps<VueControlPropsForLabelContent<string>>();
   />
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 .text-area-input {
   max-width: 100%;
 
diff --git a/packages/jsonforms/src/uiComponents/ZonedDateTimeControl.vue b/packages/jsonforms/src/uiComponents/ZonedDateTimeControl.vue
index 3aeb8dd25b..38979d0815 100644
--- a/packages/jsonforms/src/uiComponents/ZonedDateTimeControl.vue
+++ b/packages/jsonforms/src/uiComponents/ZonedDateTimeControl.vue
@@ -68,7 +68,7 @@ const choices = computed(() => options.value?.possibleValues ?? []);
   </div>
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 .layout-container {
   display: flex;
   flex-direction: column;
diff --git a/packages/jsonforms/src/uiComponents/loading/LoadingDropdown.vue b/packages/jsonforms/src/uiComponents/loading/LoadingDropdown.vue
index a3067f886e..647c345028 100644
--- a/packages/jsonforms/src/uiComponents/loading/LoadingDropdown.vue
+++ b/packages/jsonforms/src/uiComponents/loading/LoadingDropdown.vue
@@ -93,7 +93,7 @@ const possibleValues = computed(() => {
   </Dropdown>
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 .data-type-entry.with-type {
   display: flex;
   gap: var(--space-4);
diff --git a/packages/jsonforms/src/uiComponents/loading/TwinlistLoadingInfo.vue b/packages/jsonforms/src/uiComponents/loading/TwinlistLoadingInfo.vue
index 919c612660..7c9e2db3a1 100644
--- a/packages/jsonforms/src/uiComponents/loading/TwinlistLoadingInfo.vue
+++ b/packages/jsonforms/src/uiComponents/loading/TwinlistLoadingInfo.vue
@@ -9,7 +9,7 @@ import { LoadingIcon } from "@knime/components";
   </div>
 </template>
 
-<style scoped lang="postcss">
+<style scoped>
 .info {
   display: flex;
   flex-direction: column;
diff --git a/packages/jsonforms/src/uiComponents/richTextControl/DialogLinkModal.vue b/packages/jsonforms/src/uiComponents/richTextControl/DialogLinkModal.vue
index d0a319d4df..cc133d8195 100644
--- a/packages/jsonforms/src/uiComponents/richTextControl/DialogLinkModal.vue
+++ b/packages/jsonforms/src/uiComponents/richTextControl/DialogLinkModal.vue
@@ -69,7 +69,7 @@ watch(() => props.linkTool.props.isActive.value, onIsActiveChange);
   </dialog>
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 dialog {
   padding: 0;
   border: none;
diff --git a/packages/jsonforms/src/uiComponents/richTextControl/RichTextControl.vue b/packages/jsonforms/src/uiComponents/richTextControl/RichTextControl.vue
index d99db03911..ef4851ab15 100644
--- a/packages/jsonforms/src/uiComponents/richTextControl/RichTextControl.vue
+++ b/packages/jsonforms/src/uiComponents/richTextControl/RichTextControl.vue
@@ -86,7 +86,7 @@ const linkToolOptions = computed<typeof defaultLinkToolOptions>(() =>
   </RichTextEditor>
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 .editor {
   height: 100%;
 
diff --git a/packages/jsonforms/src/uiComponents/twinlist/ManualTwinlistControl.vue b/packages/jsonforms/src/uiComponents/twinlist/ManualTwinlistControl.vue
index 6ba1a56d73..047faa184c 100644
--- a/packages/jsonforms/src/uiComponents/twinlist/ManualTwinlistControl.vue
+++ b/packages/jsonforms/src/uiComponents/twinlist/ManualTwinlistControl.vue
@@ -115,7 +115,7 @@ const twinlistSize = computed(
   />
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 .twinlist :deep(.lists .multiselect-list-box [role="listbox"]) {
   font-size: 13px;
 }
diff --git a/packages/jsonforms/src/uiComponents/twinlist/MultimodeTwinlistControl.vue b/packages/jsonforms/src/uiComponents/twinlist/MultimodeTwinlistControl.vue
index d4736dc32f..9383baec63 100644
--- a/packages/jsonforms/src/uiComponents/twinlist/MultimodeTwinlistControl.vue
+++ b/packages/jsonforms/src/uiComponents/twinlist/MultimodeTwinlistControl.vue
@@ -240,7 +240,7 @@ const rightLabel = computed(() => includedLabel ?? props.twinlistRightLabel);
   </MultiModeTwinList>
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 .data-type-entry {
   display: flex;
   gap: var(--space-4);
diff --git a/packages/jsonforms/src/uiComponents/twinlist/TwinlistControlBase.vue b/packages/jsonforms/src/uiComponents/twinlist/TwinlistControlBase.vue
index d0264e16e7..de3fab2ff7 100644
--- a/packages/jsonforms/src/uiComponents/twinlist/TwinlistControlBase.vue
+++ b/packages/jsonforms/src/uiComponents/twinlist/TwinlistControlBase.vue
@@ -60,7 +60,7 @@ const withTypes = computed(() => props.possibleValues?.some((v) => v.type));
   </Twinlist>
 </template>
 
-<style lang="postcss" scoped>
+<style scoped>
 .data-type-entry {
   display: flex;
   gap: var(--space-4);
diff --git a/packages/jsonforms/vite.config.js b/packages/jsonforms/vite.config.js
index d6a6c57b1e..516d646874 100644
--- a/packages/jsonforms/vite.config.js
+++ b/packages/jsonforms/vite.config.js
@@ -1,6 +1,5 @@
 import { defineConfig } from "vite";
 import vue from "@vitejs/plugin-vue";
-import postcss from "postcss";
 import dts from "vite-plugin-dts";
 import svgLoader from "vite-svg-loader";
 
@@ -15,7 +14,6 @@ export default defineConfig({
       tsconfigPath: "tsconfig.app.json",
     }),
   ],
-  css: { postcss },
   build: {
     lib: {
       entry: {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 2c7b92104e..6597b485df 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -460,9 +460,6 @@ importers:
       modern-normalize:
         specifier: 3.0.1
         version: 3.0.1
-      postcss:
-        specifier: 'catalog:'
-        version: 8.5.6
       type-fest:
         specifier: 4.26.1
         version: 4.26.1