feat(style): add component css variables

src/divider/index.less

@@ -1,13 +1,24 @@
 @import './var.less';
 
+:root {
+  --van-divider-margin: @divider-margin;
+  --van-divider-text-color: @divider-text-color;
+  --van-divider-font-size: @divider-font-size;
+  --van-divider-line-height: @divider-line-height;
+  --van-divider-border-color: @divider-border-color;
+  --van-divider-content-padding: @divider-content-padding;
+  --van-divider-content-left-width: @divider-content-left-width;
+  --van-divider-content-right-width: @divider-content-right-width;
+}
+
 .van-divider {
   display: flex;
   align-items: center;
-  margin: @divider-margin;
-  color: @divider-text-color;
-  font-size: @divider-font-size;
-  line-height: @divider-line-height;
-  border-color: @divider-border-color;
+  margin: var(--van-divider-margin);
+  color: var(--van-divider-text-color);
+  font-size: var(--van-divider-font-size);
+  line-height: var(--van-divider-line-height);
+  border-color: var(--van-divider-border-color);
   border-style: solid;
   border-width: 0;
 
@@ -41,24 +52,24 @@
   &--content-left,
   &--content-right {
     &::before {
-      margin-right: @divider-content-padding;
+      margin-right: var(--van-divider-content-padding);
     }
 
     &::after {
-      margin-left: @divider-content-padding;
+      margin-left: var(--van-divider-content-padding);
       content: '';
     }
   }
 
   &--content-left {
     &::before {
-      max-width: @divider-content-left-width;
+      max-width: var(--van-divider-content-left-width);
     }
   }
 
   &--content-right {
     &::after {
-      max-width: @divider-content-right-width;
+      max-width: var(--van-divider-content-right-width);
     }
   }
 }