diff --git a/components/lib/accordion/style/AccordionStyle.js b/components/lib/accordion/style/AccordionStyle.js
index 4c58c0fd4..42a5850ba 100644
--- a/components/lib/accordion/style/AccordionStyle.js
+++ b/components/lib/accordion/style/AccordionStyle.js
@@ -21,7 +21,7 @@ const theme = ({ dt }) => `
     color: ${dt('accordion.header.color')};
     background: ${dt('accordion.header.background')};
     font-weight: 600;
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     transition: color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
     outline-color: transparent;
 }
diff --git a/components/lib/autocomplete/style/AutoCompleteStyle.js b/components/lib/autocomplete/style/AutoCompleteStyle.js
index 9b270b324..213e7f4be 100644
--- a/components/lib/autocomplete/style/AutoCompleteStyle.js
+++ b/components/lib/autocomplete/style/AutoCompleteStyle.js
@@ -38,8 +38,8 @@ const theme = ({ dt }) => `
     overflow: hidden;
     position: relative;
     width: ${dt('autocomplete.dropdown.width')};
-    border-top-right-radius: ${dt('rounded.base')};
-    border-bottom-right-radius: ${dt('rounded.base')};
+    border-top-right-radius: ${dt('border.radius.md')};
+    border-bottom-right-radius: ${dt('border.radius.md')};
     background: ${dt('autocomplete.dropdown.background')};
     border: 1px solid ${dt('autocomplete.dropdown.border.color')};
     border-left: 0 none;
@@ -77,7 +77,7 @@ const theme = ({ dt }) => `
     background: ${dt('autocomplete.overlay.background')};
     color: ${dt('autocomplete.overlay.color')};
     border: 1px solid ${dt('autocomplete.overlay.border.color')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
 }
 
@@ -99,7 +99,7 @@ const theme = ({ dt }) => `
     color: ${dt('autocomplete.option.color')};
     background: transparent;
     transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')};
-    border-radius: ${dt('rounded.sm')};
+    border-radius: ${dt('border.radius.sm')};
 }
 
 .p-autocomplete-option:first-child {
@@ -147,7 +147,7 @@ const theme = ({ dt }) => `
     color: ${dt('autocomplete.input.multiple.color')};
     background: ${dt('autocomplete.input.multiple.background')};
     border: 1px solid ${dt('autocomplete.input.multiple.border.color')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     width: 100%;
     transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
     outline-color: transparent;
diff --git a/components/lib/avatar/style/AvatarStyle.js b/components/lib/avatar/style/AvatarStyle.js
index d4677cb2e..2ff39ed36 100644
--- a/components/lib/avatar/style/AvatarStyle.js
+++ b/components/lib/avatar/style/AvatarStyle.js
@@ -9,7 +9,7 @@ const theme = ({ dt }) => `
     height: 2rem;
     font-size: 1rem;
     background: ${dt('avatar.background')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
 }
 
 .p-avatar-image {
diff --git a/components/lib/blockui/style/BlockUIStyle.js b/components/lib/blockui/style/BlockUIStyle.js
index e2301567e..7d802b213 100644
--- a/components/lib/blockui/style/BlockUIStyle.js
+++ b/components/lib/blockui/style/BlockUIStyle.js
@@ -6,7 +6,7 @@ const theme = ({ dt }) => `
 }
 
 .p-blockui-mask {
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
 }
 
 .p-blockui-mask.p-component-overlay {
diff --git a/components/lib/breadcrumb/style/BreadcrumbStyle.js b/components/lib/breadcrumb/style/BreadcrumbStyle.js
index c7e9bb391..c31964971 100644
--- a/components/lib/breadcrumb/style/BreadcrumbStyle.js
+++ b/components/lib/breadcrumb/style/BreadcrumbStyle.js
@@ -4,7 +4,7 @@ const theme = ({ dt }) => `
 .p-breadcrumb {
     background: ${dt('breadcrumb.background')};
     border: 0 none;
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     padding: 1rem;
     overflow-x: auto;
 }
@@ -34,7 +34,7 @@ const theme = ({ dt }) => `
     display: flex;
     align-items: center;
     transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     outline-color: transparent;
 }
 
diff --git a/components/lib/button/style/ButtonStyle.js b/components/lib/button/style/ButtonStyle.js
index 31f4c683f..28b486e9d 100644
--- a/components/lib/button/style/ButtonStyle.js
+++ b/components/lib/button/style/ButtonStyle.js
@@ -17,7 +17,7 @@ const theme = ({ dt }) => `
     font-family: inherit;
     font-feature-settings: inherit;
     transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     outline-color: transparent;
     gap: 0.5rem;
 }
diff --git a/components/lib/carousel/style/CarouselStyle.js b/components/lib/carousel/style/CarouselStyle.js
index 43da2f595..f161d4c9d 100644
--- a/components/lib/carousel/style/CarouselStyle.js
+++ b/components/lib/carousel/style/CarouselStyle.js
@@ -53,7 +53,7 @@ const theme = ({ dt }) => `
     border: 0 none;
     transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
     outline-color: transparent;
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     padding: 0;
     margin: 0;
     border: none;
diff --git a/components/lib/cascadeselect/style/CascadeSelectStyle.js b/components/lib/cascadeselect/style/CascadeSelectStyle.js
index 271cca0ee..13819b843 100644
--- a/components/lib/cascadeselect/style/CascadeSelectStyle.js
+++ b/components/lib/cascadeselect/style/CascadeSelectStyle.js
@@ -9,7 +9,7 @@ const theme = ({ dt }) => `
     background: ${dt('cascadeselect.background')};
     border: 1px solid ${dt('cascadeselect.border.color')};
     transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     outline-color: transparent;
     box-shadow: ${dt('cascadeselect.box.shadow')};
 }
@@ -48,8 +48,8 @@ const theme = ({ dt }) => `
     background: transparent;
     color: ${dt('cascadeselect.dropdown.color')};
     width: 2.5rem;
-    border-top-right-radius: ${dt('rounded.base')};
-    border-bottom-right-radius: ${dt('rounded.base')};
+    border-top-right-radius: ${dt('border.radius.md')};
+    border-bottom-right-radius: ${dt('border.radius.md')};
 }
 
 .p-cascadeselect-label {
@@ -95,7 +95,7 @@ const theme = ({ dt }) => `
 .p-cascadeselect-overlay {
     background: ${dt('cascadeselect.overlay.background')};
     border: 1px solid ${dt('cascadeselect.overlay.border.color')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
     color: ${dt('cascadeselect.overlay.color')};
 }
@@ -127,7 +127,7 @@ const theme = ({ dt }) => `
     color: ${dt('cascadeselect.option.color')};
     background: transparent;
     transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
-    border-radius: ${dt('rounded.sm')};
+    border-radius: ${dt('border.radius.sm')};
 }
 
 .p-cascadeselect-item:first-child {
diff --git a/components/lib/colorpicker/style/ColorPickerStyle.js b/components/lib/colorpicker/style/ColorPickerStyle.js
index 2038ab381..6c9b6ceed 100644
--- a/components/lib/colorpicker/style/ColorPickerStyle.js
+++ b/components/lib/colorpicker/style/ColorPickerStyle.js
@@ -15,7 +15,7 @@ const theme = ({ dt }) => `
     height: 1.5rem;
     padding: 0;
     border: 0 none;
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     transition: outline-color ${dt('transition.duration')};
     outline-color: transparent;
     cursor: pointer;
@@ -29,7 +29,7 @@ const theme = ({ dt }) => `
 .p-colorpicker-panel {
     background: ${dt('colorpicker.panel.background')};
     border: 1px solid ${dt('colorpicker.panel.border.color')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
     width: 193px;
     height: 166px;
diff --git a/components/lib/confirmpopup/style/ConfirmPopupStyle.js b/components/lib/confirmpopup/style/ConfirmPopupStyle.js
index 1a8f48ef7..b08142a36 100644
--- a/components/lib/confirmpopup/style/ConfirmPopupStyle.js
+++ b/components/lib/confirmpopup/style/ConfirmPopupStyle.js
@@ -9,7 +9,7 @@ const theme = ({ dt }) => `
     background: ${dt('confirmpopup.background')};
     color: ${dt('confirmpopup.color')};
     border: 1px solid ${dt('confirmpopup.border.color')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
 }
 
diff --git a/components/lib/contextmenu/style/ContextMenuStyle.js b/components/lib/contextmenu/style/ContextMenuStyle.js
index 69b48dc4c..bcf499b62 100644
--- a/components/lib/contextmenu/style/ContextMenuStyle.js
+++ b/components/lib/contextmenu/style/ContextMenuStyle.js
@@ -6,7 +6,7 @@ const theme = ({ dt }) => `
     background: ${dt('contextmenu.background')};
     color: ${dt('contextmenu.color')};
     border: 1px solid ${dt('contextmenu.border.color')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
     min-width: 12.5rem;
 }
@@ -27,7 +27,7 @@ const theme = ({ dt }) => `
     background: ${dt('contextmenu.background')};
     color: ${dt('contextmenu.color')};
     border: 1px solid ${dt('contextmenu.border.color')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
 }
 
@@ -45,7 +45,7 @@ const theme = ({ dt }) => `
 
 .p-contextmenu-item-content {
     transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')};
-    border-radius: ${dt('rounded.sm')};
+    border-radius: ${dt('border.radius.sm')};
     color: ${dt('contextmenu.item.color')};
 }
 
diff --git a/components/lib/datatable/style/DataTableStyle.js b/components/lib/datatable/style/DataTableStyle.js
index 7abe1d3bf..b74dd32bb 100644
--- a/components/lib/datatable/style/DataTableStyle.js
+++ b/components/lib/datatable/style/DataTableStyle.js
@@ -200,7 +200,7 @@ const theme = ({ dt }) => `
     background: ${dt('datatable.filter.overlay.background')};
     color: ${dt('datatable.filter.overlay.color')};
     border: 1px solid ${dt('datatable.filter.overlay.border.color')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
     min-width: 12.5rem;
 }
@@ -218,7 +218,7 @@ const theme = ({ dt }) => `
     color: ${dt('datatable.filter.constraint.color')};
     background: transparent;
     transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')},;
-    border-radius: ${dt('rounded.sm')};
+    border-radius: ${dt('border.radius.sm')};
     cursor: pointer;
 }
 
@@ -291,7 +291,7 @@ const theme = ({ dt }) => `
     background: ${dt('datatable.filter.overlay.background')};
     color: ${dt('datatable.filter.overlay.color')};
     border: 1px solid ${dt('datatable.filter.overlay.border.color')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
     min-width: 12.5rem;
     padding: 0.75rem;
diff --git a/components/lib/datepicker/style/DatePickerStyle.js b/components/lib/datepicker/style/DatePickerStyle.js
index 79a062308..cb504f064 100644
--- a/components/lib/datepicker/style/DatePickerStyle.js
+++ b/components/lib/datepicker/style/DatePickerStyle.js
@@ -26,8 +26,8 @@ const theme = ({ dt }) => `
     overflow: hidden;
     position: relative;
     width: ${dt('datepicker.dropdown.width')};
-    border-top-right-radius: ${dt('rounded.base')};
-    border-bottom-right-radius: ${dt('rounded.base')};
+    border-top-right-radius: ${dt('border.radius.md')};
+    border-bottom-right-radius: ${dt('border.radius.md')};
     background: ${dt('datepicker.dropdown.background')};
     border: 1px solid ${dt('datepicker.dropdown.border.color')};
     border-left: 0 none;
@@ -87,7 +87,7 @@ const theme = ({ dt }) => `
     background: ${dt('datepicker.background')};
     color: ${dt('datepicker.color')};
     border: 1px solid ${dt('datepicker.border.color')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
 }
 
@@ -237,7 +237,7 @@ const theme = ({ dt }) => `
     position: relative;
     padding: 0.25rem;
     transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     outline-color: transparent;
     color: ${dt('datepicker.date.color')};
 }
@@ -271,7 +271,7 @@ const theme = ({ dt }) => `
     position: relative;
     padding: 0.25rem;
     transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     outline-color: transparent;
     color: ${dt('datepicker.date.color')};
 }
diff --git a/components/lib/dialog/style/DialogStyle.js b/components/lib/dialog/style/DialogStyle.js
index 6cd0862ed..205990539 100644
--- a/components/lib/dialog/style/DialogStyle.js
+++ b/components/lib/dialog/style/DialogStyle.js
@@ -4,7 +4,7 @@ const theme = ({ dt }) => `
 .p-dialog {
     max-height: 90%;
     transform: scale(1);
-    border-radius: ${dt('rounded.xl')};
+    border-radius: ${dt('border.radius.xl')};
     box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
     background: ${dt('dialog.background')};
     border: 1px solid ${dt('dialog.border.color')};
diff --git a/components/lib/editor/style/EditorStyle.js b/components/lib/editor/style/EditorStyle.js
index 10c58dfaf..d79db9b7e 100644
--- a/components/lib/editor/style/EditorStyle.js
+++ b/components/lib/editor/style/EditorStyle.js
@@ -949,8 +949,8 @@ const theme = ({ dt }) => `
 
 .p-editor .p-editor-toolbar {
     background: ${dt('editor.toolbar.background')};
-    border-top-right-radius: ${dt('rounded.base')};
-    border-top-left-radius: ${dt('rounded.base')};
+    border-top-right-radius: ${dt('border.radius.md')};
+    border-top-left-radius: ${dt('border.radius.md')};
 }
 
 .p-editor .p-editor-toolbar.ql-snow {
@@ -998,7 +998,7 @@ const theme = ({ dt }) => `
     background: ${dt('editor.overlay.background')};
     border: 1px solid ${dt('editor.overlay.border.color')};
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     padding: 0.25rem 0.25rem;
 }
 
@@ -1016,8 +1016,8 @@ const theme = ({ dt }) => `
 }
 
 .p-editor .p-editor-content {
-    border-bottom-right-radius: ${dt('rounded.base')};
-    border-bottom-left-radius: ${dt('rounded.base')};
+    border-bottom-right-radius: ${dt('border.radius.md')};
+    border-bottom-left-radius: ${dt('border.radius.md')};
 }
 
 .p-editor .p-editor-content.ql-snow {
@@ -1027,8 +1027,8 @@ const theme = ({ dt }) => `
 .p-editor .p-editor-content .ql-editor {
     background: ${dt('editor.content.background')};
     color: ${dt('editor.content.color')};
-    border-bottom-right-radius: ${dt('rounded.base')};
-    border-bottom-left-radius: ${dt('rounded.base')};
+    border-bottom-right-radius: ${dt('border.radius.md')};
+    border-bottom-left-radius: ${dt('border.radius.md')};
 }
 
 .p-editor .ql-snow.ql-toolbar button:hover,
diff --git a/components/lib/fieldset/style/FieldsetStyle.js b/components/lib/fieldset/style/FieldsetStyle.js
index fa6c98abb..80ddfc44a 100644
--- a/components/lib/fieldset/style/FieldsetStyle.js
+++ b/components/lib/fieldset/style/FieldsetStyle.js
@@ -4,7 +4,7 @@ const theme = ({ dt }) => `
 .p-fieldset {
     background: ${dt('fieldset.background')};
     border: 1px solid ${dt('fieldset.border.color')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     color: ${dt('fieldset.color')};
     padding: 0 1.125rem 1.125rem 1.125rem;
     margin: 0;
@@ -35,7 +35,7 @@ const theme = ({ dt }) => `
     justify-content: center;
     padding: 0.5rem 0.75rem;
     color: ${dt('fieldset.legend.color')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     transition: background ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
     outline-color: transparent;
 }
diff --git a/components/lib/fileupload/style/FileUploadStyle.js b/components/lib/fileupload/style/FileUploadStyle.js
index eefa81f04..73fababb4 100644
--- a/components/lib/fileupload/style/FileUploadStyle.js
+++ b/components/lib/fileupload/style/FileUploadStyle.js
@@ -7,7 +7,7 @@ const theme = ({ dt }) => `
 
 .p-fileupload-advanced {
     border: 1px solid ${dt('fileupload.border.color')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     background: ${dt('fileupload.background')};
     color: ${dt('fileupload.color')};
 }
diff --git a/components/lib/inlinemessage/style/InlineMessageStyle.js b/components/lib/inlinemessage/style/InlineMessageStyle.js
index 85e0380fc..152288add 100644
--- a/components/lib/inlinemessage/style/InlineMessageStyle.js
+++ b/components/lib/inlinemessage/style/InlineMessageStyle.js
@@ -7,7 +7,7 @@ const theme = ({ dt }) => `
     justify-content: center;
     padding: 0.5rem 0.75rem;
     margin: 0;
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
 }
 
 .p-inline-message-text {
diff --git a/components/lib/inplace/style/InplaceStyle.js b/components/lib/inplace/style/InplaceStyle.js
index 1bde0c1b3..be6cc508f 100644
--- a/components/lib/inplace/style/InplaceStyle.js
+++ b/components/lib/inplace/style/InplaceStyle.js
@@ -5,7 +5,7 @@ const theme = ({ dt }) => `
     display: inline;
     cursor: pointer;
     padding: 0.5rem 0.75rem;
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
     outline-color: transparent;
 }
diff --git a/components/lib/inputchips/style/InputChipsStyle.js b/components/lib/inputchips/style/InputChipsStyle.js
index d4dd42164..6d193d3f3 100644
--- a/components/lib/inputchips/style/InputChipsStyle.js
+++ b/components/lib/inputchips/style/InputChipsStyle.js
@@ -19,7 +19,7 @@ const theme = ({ dt }) => `
     color: ${dt('inputchips.color')};
     background: ${dt('inputchips.background')};
     border: 1px solid ${dt('inputchips.border.color')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     width: 100%;
     transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
     outline-color: transparent;
diff --git a/components/lib/inputnumber/style/InputNumberStyle.js b/components/lib/inputnumber/style/InputNumberStyle.js
index de556eee7..7d358b72b 100644
--- a/components/lib/inputnumber/style/InputNumberStyle.js
+++ b/components/lib/inputnumber/style/InputNumberStyle.js
@@ -48,12 +48,12 @@ const theme = ({ dt }) => `
 
 .p-inputnumber-stacked .p-inputnumber-increment-button {
     padding: 0;
-    border-top-right-radius: calc(${dt('rounded.base')} - 1px);
+    border-top-right-radius: calc(${dt('border.radius.md')} - 1px);
 }
 
 .p-inputnumber-stacked .p-inputnumber-decrement-button {
     padding: 0;
-    border-bottom-right-radius: calc(${dt('rounded.base')} - 1px);
+    border-bottom-right-radius: calc(${dt('border.radius.md')} - 1px);
 }
 
 .p-inputnumber-stacked .p-inputnumber-button {
@@ -75,8 +75,8 @@ const theme = ({ dt }) => `
 
 .p-inputnumber-horizontal .p-inputnumber-increment-button {
     order: 3;
-    border-top-right-radius: ${dt('rounded.base')};
-    border-bottom-right-radius: ${dt('rounded.base')};
+    border-top-right-radius: ${dt('border.radius.md')};
+    border-bottom-right-radius: ${dt('border.radius.md')};
     border-left: 0 none;
 }
 
@@ -87,8 +87,8 @@ const theme = ({ dt }) => `
 
 .p-inputnumber-horizontal .p-inputnumber-decrement-button {
     order: 1;
-    border-top-left-radius: ${dt('rounded.base')};
-    border-bottom-left-radius: ${dt('rounded.base')};
+    border-top-left-radius: ${dt('border.radius.md')};
+    border-bottom-left-radius: ${dt('border.radius.md')};
     border-right: 0 none;
 }
 
@@ -111,8 +111,8 @@ const theme = ({ dt }) => `
 
 .p-inputnumber-vertical .p-inputnumber-increment-button {
     order: 1;
-    border-top-left-radius: ${dt('rounded.base')};
-    border-top-right-radius: ${dt('rounded.base')};
+    border-top-left-radius: ${dt('border.radius.md')};
+    border-top-right-radius: ${dt('border.radius.md')};
     width: 100%;
     border-bottom: 0 none;
 }
@@ -125,8 +125,8 @@ const theme = ({ dt }) => `
 
 .p-inputnumber-vertical .p-inputnumber-decrement-button {
     order: 3;
-    border-bottom-left-radius: ${dt('rounded.base')};
-    border-bottom-right-radius: ${dt('rounded.base')};
+    border-bottom-left-radius: ${dt('border.radius.md')};
+    border-bottom-right-radius: ${dt('border.radius.md')};
     width: 100%;
     border-top: 0 none;
 }
diff --git a/components/lib/knob/style/KnobStyle.js b/components/lib/knob/style/KnobStyle.js
index fbf07afa2..85c2c4cb6 100644
--- a/components/lib/knob/style/KnobStyle.js
+++ b/components/lib/knob/style/KnobStyle.js
@@ -18,7 +18,7 @@ const theme = ({ dt }) => `
 }
 
 .p-knob svg {
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     outline-color: transparent;
     transition: outline-color ${dt('transition.duration')};
 }
diff --git a/components/lib/listbox/style/ListboxStyle.js b/components/lib/listbox/style/ListboxStyle.js
index 7e807065e..20a4c1986 100644
--- a/components/lib/listbox/style/ListboxStyle.js
+++ b/components/lib/listbox/style/ListboxStyle.js
@@ -5,7 +5,7 @@ const theme = ({ dt }) => `
     background: ${dt('listbox.background')};
     color: ${dt('listbox.color')};
     border: 1px solid ${dt('listbox.border.color')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
     outline-color: transparent;
     box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(18, 18, 23, 0.05);
@@ -67,7 +67,7 @@ const theme = ({ dt }) => `
     margin: 2px 0;
     padding: 0.5rem 0.75rem;
     border: 0 none;
-    border-radius: ${dt('rounded.sm')};
+    border-radius: ${dt('border.radius.sm')};
     color: ${dt('listbox.option.color')};
     transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
 }
diff --git a/components/lib/megamenu/style/MegaMenuStyle.js b/components/lib/megamenu/style/MegaMenuStyle.js
index 6a117d0c0..f6bb92132 100644
--- a/components/lib/megamenu/style/MegaMenuStyle.js
+++ b/components/lib/megamenu/style/MegaMenuStyle.js
@@ -8,7 +8,7 @@ const theme = ({ dt }) => `
     background: ${dt('megamenu.background')};
     color: ${dt('megamenu.color')};
     border: 1px solid ${dt('megamenu.border.color')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
 }
 
 .p-megamenu-root-list {
@@ -20,7 +20,7 @@ const theme = ({ dt }) => `
 
 .p-megamenu-item-content {
     transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')};
-    border-radius: ${dt('rounded.sm')};
+    border-radius: ${dt('border.radius.sm')};
     color: ${dt('megamenu.item.color')};
 }
 
@@ -93,7 +93,7 @@ const theme = ({ dt }) => `
     background: ${dt('megamenu.background')};
     color: ${dt('megamenu.color')};
     border: 1px solid ${dt('megamenu.border.color')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)
 }
 
diff --git a/components/lib/menu/style/MenuStyle.js b/components/lib/menu/style/MenuStyle.js
index 42e3d5d06..f57ca71ef 100644
--- a/components/lib/menu/style/MenuStyle.js
+++ b/components/lib/menu/style/MenuStyle.js
@@ -6,7 +6,7 @@ const theme = ({ dt }) => `
     background: ${dt('menu.background')};
     color: ${dt('menu.color')};
     border: 1px solid ${dt('menu.border.color')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     min-width: 12.5rem;
 }
 
@@ -43,7 +43,7 @@ const theme = ({ dt }) => `
 
 .p-menu-item-content {
     transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')};
-    border-radius:  ${dt('rounded.sm')};
+    border-radius:  ${dt('border.radius.sm')};
     color: ${dt('menu.item.color')};
 }
 
diff --git a/components/lib/menubar/style/MenubarStyle.js b/components/lib/menubar/style/MenubarStyle.js
index 7cbecf234..791d5b061 100644
--- a/components/lib/menubar/style/MenubarStyle.js
+++ b/components/lib/menubar/style/MenubarStyle.js
@@ -8,7 +8,7 @@ const theme = ({ dt }) => `
     background: ${dt('menubar.background')};
     color: ${dt('menubar.color')};
     border: 1px solid ${dt('menubar.border.color')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
 }
 
 .p-menubar-root-list,
@@ -31,7 +31,7 @@ const theme = ({ dt }) => `
 
 .p-menubar-item-content {
     transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')};
-    border-radius: ${dt('rounded.sm')});
+    border-radius: ${dt('border.radius.sm')});
     color: ${dt('menubar.item.color')};
 }
 
@@ -107,7 +107,7 @@ const theme = ({ dt }) => `
     background: ${dt('menubar.background')};
     color: ${dt('menubar.color')};
     border: 1px solid ${dt('menubar.border.color')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
 }
 
diff --git a/components/lib/metergroup/style/MeterGroupStyle.js b/components/lib/metergroup/style/MeterGroupStyle.js
index 98b03dc66..aec17a272 100644
--- a/components/lib/metergroup/style/MeterGroupStyle.js
+++ b/components/lib/metergroup/style/MeterGroupStyle.js
@@ -9,7 +9,7 @@ const theme = ({ dt }) => `
 .p-metergroup-meters {
     display: flex;
     background: ${dt('metergroup.meters.background')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
 }
 
 .p-metergroup-meter {
@@ -55,12 +55,12 @@ const theme = ({ dt }) => `
 }
 
 .p-metergroup-horizontal .p-metergroup-meter:first-of-type {
-    border-top-left-radius: ${dt('rounded.base')};
-    border-bottom-left-radius: ${dt('rounded.base')};
+    border-top-left-radius: ${dt('border.radius.md')};
+    border-bottom-left-radius: ${dt('border.radius.md')};
 }
 .p-metergroup-horizontal .p-metergroup-meter:last-of-type {
-    border-top-right-radius: ${dt('rounded.base')};
-    border-bottom-right-radius: ${dt('rounded.base')};
+    border-top-right-radius: ${dt('border.radius.md')};
+    border-bottom-right-radius: ${dt('border.radius.md')};
 }
 
 .p-metergroup-vertical {
@@ -83,12 +83,12 @@ const theme = ({ dt }) => `
 }
 
 .p-metergroup-vertical .p-metergroup-meter:first-of-type {
-    border-top-left-radius: ${dt('rounded.base')};
-    border-top-right-radius: ${dt('rounded.base')};
+    border-top-left-radius: ${dt('border.radius.md')};
+    border-top-right-radius: ${dt('border.radius.md')};
 }
 .p-metergroup-vertical .p-metergroup-meter:last-of-type {
-    border-bottom-left-radius: ${dt('rounded.base')};
-    border-bottom-right-radius: ${dt('rounded.base')};
+    border-bottom-left-radius: ${dt('border.radius.md')};
+    border-bottom-right-radius: ${dt('border.radius.md')};
 }
 `;
 
diff --git a/components/lib/multiselect/style/MultiSelectStyle.js b/components/lib/multiselect/style/MultiSelectStyle.js
index 0b6aaa82d..1852b4d69 100644
--- a/components/lib/multiselect/style/MultiSelectStyle.js
+++ b/components/lib/multiselect/style/MultiSelectStyle.js
@@ -9,7 +9,7 @@ const theme = ({ dt }) => `
     background: ${dt('multiselect.background')};
     border: 1px solid ${dt('multiselect.border.color')};
     transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     outline-color: transparent;
     box-shadow: ${dt('multiselect.box.shadow')};
 }
@@ -48,8 +48,8 @@ const theme = ({ dt }) => `
     background: transparent;
     color: ${dt('multiselect.dropdown.color')};
     width: 2.5rem;
-    border-top-right-radius: ${dt('rounded.base')};
-    border-bottom-right-radius: ${dt('rounded.base')};
+    border-top-right-radius: ${dt('border.radius.md')};
+    border-bottom-right-radius: ${dt('border.radius.md')};
 }
 
 .p-multiselect-label-container {
@@ -96,7 +96,7 @@ const theme = ({ dt }) => `
     background: ${dt('multiselect.overlay.background')};
     color: ${dt('multiselect.overlay.color')};
     border: 1px solid ${dt('multiselect.overlay.border.color')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
 }
 
@@ -154,7 +154,7 @@ const theme = ({ dt }) => `
     color: ${dt('multiselect.option.color')};
     background: transparent;
     transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
-    border-radius: ${dt('rounded.sm')};
+    border-radius: ${dt('border.radius.sm')};
 }
 
 .p-multiselect-option:first-child {
diff --git a/components/lib/organizationchart/style/OrganizationChartStyle.js b/components/lib/organizationchart/style/OrganizationChartStyle.js
index bcb758525..d0ae25ba2 100644
--- a/components/lib/organizationchart/style/OrganizationChartStyle.js
+++ b/components/lib/organizationchart/style/OrganizationChartStyle.js
@@ -20,7 +20,7 @@ const theme = ({ dt }) => `
     background: ${dt('organizationchart.node.background')};
     color: ${dt('organizationchart.node.color')};
     padding: 0.75rem 1rem;
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')};
 }
 
@@ -80,7 +80,7 @@ const theme = ({ dt }) => `
 .p-organizationchart-connector-right {
     border-radius: 0;
     border-left: 1px solid ${dt('organizationchart.connector.color')};
-    border-top-left-radius: ${dt('rounded.base')};
+    border-top-left-radius: ${dt('border.radius.md')};
 }
 
 .p-organizationchart-connector-left {
@@ -101,12 +101,12 @@ const theme = ({ dt }) => `
 }
 
 .p-organizationchart-connectors :nth-last-child(1 of .p-organizationchart-connector-left) {
-    border-top-right-radius: ${dt('rounded.base')};
+    border-top-right-radius: ${dt('border.radius.md')};
 }
 
 .p-organizationchart-connectors :nth-child(1 of .p-organizationchart-connector-right) {
     border-left: 1px solid ${dt('organizationchart.connector.color')};
-    border-top-left-radius: ${dt('rounded.base')};
+    border-top-left-radius: ${dt('border.radius.md')};
 }
 `;
 
diff --git a/components/lib/paginator/style/PaginatorStyle.js b/components/lib/paginator/style/PaginatorStyle.js
index ca064c79c..769c8d0e8 100644
--- a/components/lib/paginator/style/PaginatorStyle.js
+++ b/components/lib/paginator/style/PaginatorStyle.js
@@ -10,7 +10,7 @@ const theme = ({ dt }) => `
     color: ${dt('paginator.color')};
     border: 0 none;
     padding: 0.5rem 1rem;
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     gap: 0.25rem;
 }
 
diff --git a/components/lib/panel/style/PanelStyle.js b/components/lib/panel/style/PanelStyle.js
index 66a2736fc..f749dd546 100644
--- a/components/lib/panel/style/PanelStyle.js
+++ b/components/lib/panel/style/PanelStyle.js
@@ -3,7 +3,7 @@ import BaseStyle from 'primevue/base/style';
 const theme = ({ dt }) => `
 .p-panel {
     border: 1px solid ${dt('panel.border.color')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     background: ${dt('panel.background')};
     color: ${dt('panel.color')};
 }
diff --git a/components/lib/panelmenu/style/PanelMenuStyle.js b/components/lib/panelmenu/style/PanelMenuStyle.js
index a32fa7e6e..9b4be6c7b 100644
--- a/components/lib/panelmenu/style/PanelMenuStyle.js
+++ b/components/lib/panelmenu/style/PanelMenuStyle.js
@@ -11,7 +11,7 @@ const theme = ({ dt }) => `
     background: ${dt('panelmenu.panel.background')};
     border: 1px solid ${dt('panelmenu.panel.border.color')};
     color: ${dt('panelmenu.panel.color')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     padding: 0.25rem 0.25rem;
 }
 
@@ -23,7 +23,7 @@ const theme = ({ dt }) => `
 .p-panelmenu-header-content {
     border: 0 none;
     color: ${dt('panelmenu.item.color')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
     outline-color: transparent;
 }
@@ -105,7 +105,7 @@ const theme = ({ dt }) => `
 
 .p-panelmenu-item-content {
     transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')};
-    border-radius: ${dt('rounded.sm')};
+    border-radius: ${dt('border.radius.sm')};
     color: ${dt('panelmenu.item.color')};
 }
 
diff --git a/components/lib/password/style/PasswordStyle.js b/components/lib/password/style/PasswordStyle.js
index e2f7dc559..3860fcc6b 100644
--- a/components/lib/password/style/PasswordStyle.js
+++ b/components/lib/password/style/PasswordStyle.js
@@ -14,14 +14,14 @@ const theme = ({ dt }) => `
     height: 10px;
     margin-bottom: 0.75rem;
     background: ${dt('password.meter.border.color')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
 }
 
 .p-password-meter-label {
     height: 100%;
     width: 0;
     transition: width 1s ease-in-out;
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
 }
 
 .p-password-meter-weak {
@@ -51,7 +51,7 @@ const theme = ({ dt }) => `
     color: ${dt('password.overlay.color')};
     border: 1px solid ${dt('password.overlay.border.color')};
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
 }
 
 .p-password-toggle-mask-icon {
diff --git a/components/lib/popover/style/PopoverStyle.js b/components/lib/popover/style/PopoverStyle.js
index 978c71a49..c4d9b7a86 100644
--- a/components/lib/popover/style/PopoverStyle.js
+++ b/components/lib/popover/style/PopoverStyle.js
@@ -6,7 +6,7 @@ const theme = ({ dt }) => `
     background: ${dt('popover.background')};
     color: ${dt('popover.color')};
     border: 1px solid ${dt('popover.border.color')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
 }
 
diff --git a/components/lib/progressbar/style/ProgressBarStyle.js b/components/lib/progressbar/style/ProgressBarStyle.js
index 269e29c4c..377545ee8 100644
--- a/components/lib/progressbar/style/ProgressBarStyle.js
+++ b/components/lib/progressbar/style/ProgressBarStyle.js
@@ -7,7 +7,7 @@ const theme = ({ dt }) => `
     border: 0 none;
     height: 1.25rem;
     background: ${dt('progressbar.background')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
 }
 
 .p-progressbar-value {
diff --git a/components/lib/select/style/SelectStyle.js b/components/lib/select/style/SelectStyle.js
index 7c32c8dcb..9937f6764 100644
--- a/components/lib/select/style/SelectStyle.js
+++ b/components/lib/select/style/SelectStyle.js
@@ -9,7 +9,7 @@ const theme = ({ dt }) => `
     background: ${dt('select.background')};
     border: 1px solid ${dt('select.border.color')};
     transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     outline-color: transparent;
     box-shadow: ${dt('select.box.shadow')};
 }
@@ -56,8 +56,8 @@ const theme = ({ dt }) => `
     background: transparent;
     color: ${dt('select.dropdown.color')};
     width: 2.5rem;
-    border-top-right-radius: ${dt('rounded.base')};
-    border-bottom-right-radius: ${dt('rounded.base')};
+    border-top-right-radius: ${dt('border.radius.md')};
+    border-bottom-right-radius: ${dt('border.radius.md')};
 }
 
 .p-select-label {
@@ -107,7 +107,7 @@ input.p-select-label {
     background: ${dt('select.overlay.background')};
     color: ${dt('select.overlay.color')};
     border: 1px solid ${dt('select.overlay.border.color')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
 }
 
@@ -167,7 +167,7 @@ input.p-select-label {
     color: ${dt('select.option.color')};
     background: transparent;
     transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
-    border-radius: ${dt('rounded.sm')};
+    border-radius: ${dt('border.radius.sm')};
 }
 
 .p-select-option:first-child {
diff --git a/components/lib/selectbutton/style/SelectButtonStyle.js b/components/lib/selectbutton/style/SelectButtonStyle.js
index af6092e56..6e5f8179e 100644
--- a/components/lib/selectbutton/style/SelectButtonStyle.js
+++ b/components/lib/selectbutton/style/SelectButtonStyle.js
@@ -6,7 +6,7 @@ const theme = ({ dt }) => `
     user-select: none;
     vertical-align: bottom;
     outline-color: transparent;
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
 }
 
 .p-selectbutton .p-togglebutton {
@@ -19,13 +19,13 @@ const theme = ({ dt }) => `
 }
 
 .p-selectbutton .p-togglebutton:first-child {
-    border-top-left-radius: ${dt('rounded.base')};
-    border-bottom-left-radius: ${dt('rounded.base')};
+    border-top-left-radius: ${dt('border.radius.md')};
+    border-bottom-left-radius: ${dt('border.radius.md')};
 }
 
 .p-selectbutton .p-togglebutton:last-child {
-    border-top-right-radius: ${dt('rounded.base')};
-    border-bottom-right-radius: ${dt('rounded.base')};
+    border-top-right-radius: ${dt('border.radius.md')};
+    border-bottom-right-radius: ${dt('border.radius.md')};
 }
 
 .p-selectbutton.p-invalid {
diff --git a/components/lib/skeleton/style/SkeletonStyle.js b/components/lib/skeleton/style/SkeletonStyle.js
index 4bb0804ce..3c655307f 100644
--- a/components/lib/skeleton/style/SkeletonStyle.js
+++ b/components/lib/skeleton/style/SkeletonStyle.js
@@ -4,7 +4,7 @@ const theme = ({ dt }) => `
 .p-skeleton {
     overflow: hidden;
     background-color: ${dt('skeleton.background')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
 }
 
 .p-skeleton::after {
diff --git a/components/lib/slider/style/SliderStyle.js b/components/lib/slider/style/SliderStyle.js
index 8cf9af22b..19704ad29 100644
--- a/components/lib/slider/style/SliderStyle.js
+++ b/components/lib/slider/style/SliderStyle.js
@@ -4,7 +4,7 @@ const theme = ({ dt }) => `
 .p-slider {
     position: relative;
     background: ${dt('slider.track.background')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
 }
 
 .p-slider-handle {
@@ -45,7 +45,7 @@ const theme = ({ dt }) => `
 .p-slider-range {
     display: block;
     background: ${dt('slider.range.background')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
 }
 
 .p-slider.p-slider-horizontal {
diff --git a/components/lib/splitbutton/style/SplitButtonStyle.js b/components/lib/splitbutton/style/SplitButtonStyle.js
index d373d8b1a..2576f1932 100644
--- a/components/lib/splitbutton/style/SplitButtonStyle.js
+++ b/components/lib/splitbutton/style/SplitButtonStyle.js
@@ -4,7 +4,7 @@ const theme = ({ dt }) => `
 .p-splitbutton {
     display: inline-flex;
     position: relative;
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
 }
 
 .p-splitbutton-button {
diff --git a/components/lib/splitter/style/SplitterStyle.js b/components/lib/splitter/style/SplitterStyle.js
index bfa3e37ee..d6b55f1e3 100644
--- a/components/lib/splitter/style/SplitterStyle.js
+++ b/components/lib/splitter/style/SplitterStyle.js
@@ -6,7 +6,7 @@ const theme = ({ dt }) => `
     flex-wrap: nowrap;
     border: 1px solid ${dt('splitter.border.color')};
     background: ${dt('splitter.background')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     color: ${dt('splitter.color')};
 }
 
@@ -25,7 +25,7 @@ const theme = ({ dt }) => `
 }
 
 .p-splitter-gutter-handle {
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     background: transparent;
     transition: outline-color ${dt('transition.duration')};
     outline-color: transparent;
diff --git a/components/lib/stepper/style/StepperStyle.js b/components/lib/stepper/style/StepperStyle.js
index f94fc1447..5ad5ec766 100644
--- a/components/lib/stepper/style/StepperStyle.js
+++ b/components/lib/stepper/style/StepperStyle.js
@@ -31,7 +31,7 @@ const theme = ({ dt }) => `
     text-decoration: none;
     cursor: pointer;
     transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, box-shadow ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     outline-color: transparent;
     background: transparent;
 }
diff --git a/components/lib/steps/style/StepsStyle.js b/components/lib/steps/style/StepsStyle.js
index f8694f94c..b168083a5 100644
--- a/components/lib/steps/style/StepsStyle.js
+++ b/components/lib/steps/style/StepsStyle.js
@@ -55,7 +55,7 @@ const theme = ({ dt }) => `
     overflow: hidden;
     text-decoration: none;
     transition: outline-color ${dt('transition.duration')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     outline-color: transparent;
 }
 
diff --git a/components/lib/tabmenu/style/TabMenuStyle.js b/components/lib/tabmenu/style/TabMenuStyle.js
index 274927f41..29d96d38e 100644
--- a/components/lib/tabmenu/style/TabMenuStyle.js
+++ b/components/lib/tabmenu/style/TabMenuStyle.js
@@ -31,8 +31,8 @@ const theme = ({ dt }) => `
     color: ${dt('tabmenu.item.link.color')};
     padding: 1rem 1.125rem;
     font-weight: 600;
-    border-top-right-radius: ${dt('rounded.base')};
-    border-top-left-radius: ${dt('rounded.base')};
+    border-top-right-radius: ${dt('border.radius.md')};
+    border-top-left-radius: ${dt('border.radius.md')};
     transition: color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
     margin: 0 0 -1px 0;
     outline-color: transparent;
diff --git a/components/lib/tabs/style/TabsStyle.js b/components/lib/tabs/style/TabsStyle.js
index 4d68bc9ae..e33a44677 100644
--- a/components/lib/tabs/style/TabsStyle.js
+++ b/components/lib/tabs/style/TabsStyle.js
@@ -77,8 +77,8 @@ const theme = ({ dt }) => `
     background: ${dt('tabs.nav.background')};
     padding: 1rem 1.125rem;
     font-weight: 600;
-    border-top-right-radius: ${dt('rounded.base')};
-    border-top-left-radius: ${dt('rounded.base')};
+    border-top-right-radius: ${dt('border.radius.md')};
+    border-top-left-radius: ${dt('border.radius.md')};
     transition: color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
     margin: 0 0 -1px 0;
     outline-color: transparent;
diff --git a/components/lib/tabview/style/TabViewStyle.js b/components/lib/tabview/style/TabViewStyle.js
index 3859a8c40..0a7a8d441 100644
--- a/components/lib/tabview/style/TabViewStyle.js
+++ b/components/lib/tabview/style/TabViewStyle.js
@@ -47,8 +47,8 @@ const theme = ({ dt }) => `
     color: ${dt('tabview.tab.color')};
     padding: 1rem 1.125rem;
     font-weight: 600;
-    border-top-right-radius: ${dt('rounded.base')};
-    border-top-left-radius: ${dt('rounded.base')};
+    border-top-right-radius: ${dt('border.radius.md')};
+    border-top-left-radius: ${dt('border.radius.md')};
     transition: color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
     margin: 0 0 -1px 0;
     outline-color: transparent;
diff --git a/components/lib/tag/style/TagStyle.js b/components/lib/tag/style/TagStyle.js
index f825d4a94..ec1603df0 100644
--- a/components/lib/tag/style/TagStyle.js
+++ b/components/lib/tag/style/TagStyle.js
@@ -10,7 +10,7 @@ const theme = ({ dt }) => `
     font-size: 0.875rem;
     font-weight: 700;
     padding: 0.25rem 0.4rem;
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     gap: 0.25rem;
 }
 
diff --git a/components/lib/terminal/style/TerminalStyle.js b/components/lib/terminal/style/TerminalStyle.js
index 804c6f02b..950561ff8 100644
--- a/components/lib/terminal/style/TerminalStyle.js
+++ b/components/lib/terminal/style/TerminalStyle.js
@@ -8,7 +8,7 @@ const theme = ({ dt }) => `
     color: ${dt('terminal.color')};
     border: 1px solid ${dt('terminal.border.color')};
     padding: 0.5rem 0.75rem;
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
 }
 
 .p-terminal-prompt {
diff --git a/components/lib/textarea/style/TextareaStyle.js b/components/lib/textarea/style/TextareaStyle.js
index a40968665..cf90a247d 100644
--- a/components/lib/textarea/style/TextareaStyle.js
+++ b/components/lib/textarea/style/TextareaStyle.js
@@ -11,7 +11,7 @@ const theme = ({ dt }) => `
     border: 1px solid ${dt('textarea.border.color')};
     transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
     appearance: none;
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     outline-color: transparent;
     box-shadow: ${dt('textarea.box.shadow')};
 }
diff --git a/components/lib/tieredmenu/style/TieredMenuStyle.js b/components/lib/tieredmenu/style/TieredMenuStyle.js
index eeefeba1e..c49a26962 100644
--- a/components/lib/tieredmenu/style/TieredMenuStyle.js
+++ b/components/lib/tieredmenu/style/TieredMenuStyle.js
@@ -6,7 +6,7 @@ const theme = ({ dt }) => `
     background: ${dt('tieredmenu.background')};
     color: ${dt('tieredmenu.color')};
     border: 1px solid ${dt('tieredmenu.border.color')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     min-width: 12.5rem;
 }
 
@@ -26,7 +26,7 @@ const theme = ({ dt }) => `
     background: ${dt('tieredmenu.background')};
     color: ${dt('tieredmenu.color')};
     border: 1px solid ${dt('tieredmenu.border.color')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
 }
 
@@ -45,7 +45,7 @@ const theme = ({ dt }) => `
 
 .p-tieredmenu-item-content {
     transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')};
-    border-radius: ${dt('rounded.sm')};
+    border-radius: ${dt('border.radius.sm')};
     color: ${dt('tieredmenu.item.color')};
 }
 
diff --git a/components/lib/toast/style/ToastStyle.js b/components/lib/toast/style/ToastStyle.js
index 9536d653a..27f9c33ca 100644
--- a/components/lib/toast/style/ToastStyle.js
+++ b/components/lib/toast/style/ToastStyle.js
@@ -10,7 +10,7 @@ const theme = ({ dt }) => `
 .p-toast-message {
     backdrop-filter: blur(${dt('toast.blur')});
     margin: 0 0 1rem 0;
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
 }
 
 .p-toast-message-icon {
diff --git a/components/lib/togglebutton/style/ToggleButtonStyle.js b/components/lib/togglebutton/style/ToggleButtonStyle.js
index 9537fa98d..bf87cde40 100644
--- a/components/lib/togglebutton/style/ToggleButtonStyle.js
+++ b/components/lib/togglebutton/style/ToggleButtonStyle.js
@@ -15,7 +15,7 @@ const theme = ({ dt }) => `
     padding: 0.5rem 1rem;
     font-size: 1rem;
     transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     outline-color: transparent;
     gap: 0.5rem;
     font-weight: 500;
@@ -36,7 +36,7 @@ const theme = ({ dt }) => `
     top: 0.25rem;
     width: calc(100% - 0.5rem);
     height: calc(100% - 0.5rem);
-    border-radius: ${dt('rounded.sm')};
+    border-radius: ${dt('border.radius.sm')};
 }
 
 .p-togglebutton.p-togglebutton-checked::before {
diff --git a/components/lib/toolbar/style/ToolbarStyle.js b/components/lib/toolbar/style/ToolbarStyle.js
index 2eaf239f0..c66d077a6 100644
--- a/components/lib/toolbar/style/ToolbarStyle.js
+++ b/components/lib/toolbar/style/ToolbarStyle.js
@@ -10,7 +10,7 @@ const theme = ({ dt }) => `
     background: ${dt('toolbar.background')};
     border: 1px solid ${dt('toolbar.border.color')};
     color: ${dt('toolbar.color')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     gap: 0.5rem;
 }
 
diff --git a/components/lib/tree/style/TreeStyle.js b/components/lib/tree/style/TreeStyle.js
index f54d8c12d..c4cb41ec4 100644
--- a/components/lib/tree/style/TreeStyle.js
+++ b/components/lib/tree/style/TreeStyle.js
@@ -4,7 +4,7 @@ const theme = ({ dt }) => `
 .p-tree {
     background: ${dt('tree.background')};
     color: ${dt('tree.color')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     border: 0 none;
     padding: 1rem;
 }
@@ -31,7 +31,7 @@ const theme = ({ dt }) => `
 }
 
 .p-tree-node-content {
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     padding: 0.25rem 0.5rem;
     display: flex;
     align-items: center;
diff --git a/components/lib/treeselect/style/TreeSelectStyle.js b/components/lib/treeselect/style/TreeSelectStyle.js
index b7682fe86..9b6f99010 100644
--- a/components/lib/treeselect/style/TreeSelectStyle.js
+++ b/components/lib/treeselect/style/TreeSelectStyle.js
@@ -9,7 +9,7 @@ const theme = ({ dt }) => `
     background: ${dt('treeselect.background')};
     border: 1px solid ${dt('treeselect.border.color')};
     transition: background-color ${dt('transition.duration')}, color ${dt('transition.duration')}, border-color ${dt('transition.duration')}, outline-color ${dt('transition.duration')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     outline-color: transparent;
     box-shadow: ${dt('treeselect.box.shadow')};
 }
@@ -48,8 +48,8 @@ const theme = ({ dt }) => `
     background: transparent;
     color: ${dt('treeselect.dropdown.color')};
     width: 2.5rem;
-    border-top-right-radius: ${dt('rounded.base')};
-    border-bottom-right-radius: ${dt('rounded.base')};
+    border-top-right-radius: ${dt('border.radius.md')};
+    border-bottom-right-radius: ${dt('border.radius.md')};
 }
 
 .p-treeselect-label-container {
@@ -96,7 +96,7 @@ const theme = ({ dt }) => `
     background: ${dt('treeselect.overlay.background')};
     color: ${dt('treeselect.overlay.color')};
     border: 1px solid ${dt('treeselect.overlay.border.color')};
-    border-radius: ${dt('rounded.base')};
+    border-radius: ${dt('border.radius.md')};
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
 }