🩹(react) update stylesheet to use modern SASS

Replaced deprecated '@import' with '@use' to align with best practices.
Refactored stylesheet to behave as a partial, enhancing SASS compilation
efficiency.

packages/react/src/components/Accessibility/index.scss

@@ -1,12 +0,0 @@
-.offscreen {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  clip-path: inset(50%);
-  white-space: nowrap;
-  border: 0;
-}

packages/react/src/components/Forms/DatePicker/_index.scss

@@ -1,4 +1,4 @@
-@use 'src/utils';
+@use 'src/utils' as *;
 
 
 .c__date-picker {

packages/react/src/components/Forms/Select/_index.scss

@@ -1,4 +1,4 @@
-@use 'src/utils';
+@use 'src/utils' as *;;
 
 .c__select {
   position: relative;

packages/react/src/components/Popover/_index.scss

@@ -1,4 +1,4 @@
-@use 'src/utils';
+@use 'src/utils' as *;
 
 
 .c__popover {