Replace --p-duration-1-0-0 with duration(fast)

UNRELEASED.md

@@ -12,6 +12,7 @@ Use [the changelog guidelines](/documentation/Versioning%20and%20changelog.md) t
 - Updated timeout of `Popover` exit to `durationFast`. ([#4651](https://github.com/Shopify/polaris-react/pull/4651))
 - Reduced the size of the `progress` pip in `Badge` ([#4658](https://github.com/Shopify/polaris-react/pull/4658))
 - Updated styling of `DropZone` border and overlay text. ([#4662](https://github.com/Shopify/polaris-react/pull/4662))
+- Remove duplicate duration(fast) usage. ([#4682](https://github.com/Shopify/polaris-react/pull/4682))
 
 ### Bug fixes
 

src/components/Checkbox/Checkbox.scss

@@ -65,8 +65,8 @@
 
   transform: translate(-50%, -50%) scale(0.25);
   opacity: 0;
-  transition: opacity var(--p-duration-1-0-0) var(--p-ease),
-    transform var(--p-duration-1-0-0) var(--p-ease);
+  transition: opacity duration(fast) var(--p-ease),
+    transform duration(fast) var(--p-ease);
 
   @media (-ms-high-contrast: active) {
     fill: ms-high-contrast-color('text');

src/components/OptionList/components/Checkbox/Checkbox.scss

@@ -70,8 +70,8 @@
   pointer-events: none;
   transform: translate(-50%, -50%) scale(0.25);
   opacity: 0;
-  transition: opacity var(--p-duration-1-0-0) var(--p-ease),
-    transform var(--p-duration-1-0-0) var(--p-ease);
+  transition: opacity duration(fast) var(--p-ease),
+    transform duration(fast) var(--p-ease);
 
   @media (-ms-high-contrast: active) {
     fill: ms-high-contrast-color('text');

src/components/RadioButton/RadioButton.scss

@@ -52,7 +52,7 @@
   border: var(--p-control-border-width) solid var(--p-border);
   border-radius: 50%;
   background-color: var(--p-surface);
-  transition: border-color var(--p-duration-1-0-0) var(--p-ease);
+  transition: border-color duration(fast) var(--p-ease);
 
   &::before {
     content: '';
@@ -66,8 +66,8 @@
     width: var(--p-icon-size);
     background-color: var(--p-interactive);
     border-radius: 50%;
-    transition: opacity var(--p-duration-1-0-0) var(--p-ease),
-      transform var(--p-duration-1-0-0) var(--p-ease);
+    transition: opacity duration(fast) var(--p-ease),
+      transform duration(fast) var(--p-ease);
 
     @media (forced-colors: active) {
       @include high-contrast-border(rem(5px));

src/styles/shared/_controls.scss

@@ -32,8 +32,8 @@
       background-color: var(--p-interactive);
       opacity: 0;
       transform: scale(0.25);
-      transition: opacity var(--p-duration-1-0-0) var(--p-ease),
-        transform var(--p-duration-1-0-0) var(--p-ease);
+      transition: opacity duration(fast) var(--p-ease),
+        transform duration(fast) var(--p-ease);
     }
 
     &.hover,