fix(slider): drag slider on small screen

Add css touch-action:none to prevent pointer-event will be canceled by touch-event

Fixes: #294

Author: HitomiWin

packages/core/src/Slider/__snapshots__/index.test.tsx.snap

@@ -7,6 +7,7 @@ exports[`Slider Levels 1`] = `
   grid-auto-flow: row;
   padding: 8px;
   width: 100%;
+  touch-action: none;
 }
 
 .c5 {
@@ -269,6 +270,7 @@ exports[`Slider Levels 2`] = `
   grid-auto-flow: row;
   padding: 8px;
   width: 100%;
+  touch-action: none;
 }
 
 .c5 {
@@ -584,6 +586,7 @@ exports[`Slider Levels 3`] = `
   grid-auto-flow: row;
   padding: 8px;
   width: 100%;
+  touch-action: none;
 }
 
 .c5 {

packages/core/src/Slider/index.tsx

@@ -39,6 +39,7 @@ const Container = styled.div`
   grid-auto-flow: row;
   padding: ${spacing.medium};
   width: 100%;
+  touch-action: none;
 `
 // The holder for the knob
 const Rail = styled.div`