refactor: improve Split's variables style

src/client/components/split/pane/index.scss

@@ -1,6 +1,5 @@
-@use '../index.scss' as variables;
-
-$container: variables.$pane;
+@import '../../../classNames/style.scss';
+$container: prefix('pane');
 
 .#{$container} {
     height: 100%;
@@ -12,4 +11,4 @@ $container: variables.$pane;
 
 :export {
     pane: $container;
-}
+}

src/client/components/split/sash/index.scss

@@ -1,7 +1,7 @@
-@use '../index.scss' as split;
 @import '../../../classNames/style.scss';
 
-$container: split.$sash;
+$container: prefix('sash');
+
 $hover: BEMModifier($container, 'hover');
 $disabled: BEMModifier($container, 'disabled');
 $vertical: BEMModifier($container, 'vertical');

src/client/components/split/splitPane/index.scss

@@ -1,27 +1,14 @@
-@use '../index.scss' as variables;
 @import '../../../classNames/style.scss';
 
-$dragging: BEMModifier(variables.$split, 'dragging');
-$vertical: BEMModifier(variables.$split, 'vertical');
-$horizontal: BEMModifier(variables.$split, 'horizontal');
+$split: prefix('split');
 
-.#{variables.$split} {
+.#{$split} {
     height: 100%;
     position: relative;
     width: 100%;
     overflow: hidden;
-
-    .#{$dragging} {
-        .#{variables.$pane} {
-            user-select: none;
-            pointer-events: none;
-        }
-    }
 }
 
 :export {
-    container: variables.$split;
-    dragging: $dragging;
-    vertical: $vertical;
-    horizontal: $horizontal;
+    container: $split;
 }

src/client/components/split/splitPane/index.tsx

@@ -157,12 +157,7 @@ export const SplitPane = forwardRef<HTMLDivElement, ISplitProps>(function (
     });
 
     return (
-        <div
-            className={classNames(variables.container, resizing() && variables.dragging, variables[split], className)}
-            ref={forwarded}
-            title={title}
-            style={style}
-        >
+        <div className={classNames(variables.container, className)} ref={forwarded} title={title} style={style}>
             {Boolean(sizes.length) &&
                 children.map((childNode, idx) => {
                     const sPosValue = sashPosSizes[idx] ?? 0;