feat(css): added logical overflow properties (#4383)

* feat(css): added logical overflow properties

* refactor: added PostCSS plugin

* refactor: let's postcss more files

* refactor: removed that plugin again

* refactor: removed to a duplicate declaration

* refactor: reverted package lock file

* refactor: reverted that files contents

Author: mfranzke

packages/components/src/components/custom-select-list/custom-select-list.scss

@@ -5,6 +5,7 @@
 	all: unset;
 	padding: variables.$db-spacing-fixed-sm;
 	overflow-y: auto;
+	overflow-block: auto;
 
 	&::-webkit-scrollbar-button:single-button:vertical:decrement {
 		border-start-end-radius: 0;

packages/components/src/components/drawer/drawer.scss

@@ -100,6 +100,7 @@ $spacings: (
 		);
 		// TODO: Evaluate whether we need overflow: hidden and that for only specifically set y here.
 		overflow-y: auto;
+		overflow-block: auto;
 	}
 }
 

packages/components/src/components/textarea/textarea.scss

@@ -52,6 +52,7 @@
 		@extend %scrollbar;
 
 		overflow-y: scroll;
+		overflow-block: scroll;
 
 		// we don't have icons in textarea so we can overwrite it here
 		padding-block: variables.$db-spacing-fixed-xs

showcases/patternhub/styles/globals.scss

@@ -553,6 +553,7 @@ h6 {
 .breadcrumb-container {
 	display: flex;
 	overflow-x: auto;
+	overflow-inline: auto;
 	align-content: center;
 	align-items: center;
 	padding-block: variables.$db-spacing-fixed-sm;

showcases/showcase-styles.css

@@ -138,6 +138,7 @@ db-card:is(.variants-card) > .db-card {
 
 .db-page.fixed-header-footer main {
 	overflow-x: hidden;
+	overflow-inline: hidden;
 }
 
 :root:has(.db-page) {