Fix variables component

docs/_data/variables/utilities/controls.json

@@ -0,0 +1,41 @@
+{
+  "by_name": {
+    "$control-radius": {
+      "name": "$control-radius",
+      "value": "$radius",
+      "type": "variable",
+      "computed_type": "size",
+      "computed_value": "4px"
+    },
+    "$control-radius-small": {
+      "name": "$control-radius-small",
+      "value": "$radius-small",
+      "type": "variable",
+      "computed_type": "size",
+      "computed_value": "2px"
+    },
+    "$control-border-width": {
+      "name": "$control-border-width",
+      "value": "1px",
+      "type": "size"
+    },
+    "$control-padding-vertical": {
+      "name": "$control-padding-vertical",
+      "value": "calc(0.375em - #{$control-border-width})",
+      "type": "size"
+    },
+    "$control-padding-horizontal": {
+      "name": "$control-padding-horizontal",
+      "value": "calc(0.625em - #{$control-border-width})",
+      "type": "size"
+    }
+  },
+  "list": [
+    "$control-radius",
+    "$control-radius-small",
+    "$control-border-width",
+    "$control-padding-vertical",
+    "$control-padding-horizontal"
+  ],
+  "file_path": "utilities/controls.sass"
+}