Fix misc inconsistencies in SCSS

Author: josephco

src/beacon/_base.scss

@@ -13,7 +13,7 @@
   background: color(background);
   border-radius: 50%;
   transform: translate(-50%, 50%);
-  transition: 0.25s transform ease-out;
+  transition: transform 0.25s ease-out;
   box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
   cursor: pointer;
 

src/breadcrumbs/_base.scss

@@ -55,7 +55,7 @@
   .breadcrumbs-link {
     color: color(white);
     opacity: 0.45;
-    transition: 0.25s opacity ease;
+    transition: opacity 0.25s ease;
 
     &:hover {
       opacity: 1;

src/layout/_mobile_sticky_cta.scss

@@ -26,7 +26,7 @@
   .icon-sms {
     height: 17px;
     width: 21px;
-    margin-right: sizing(smaller-tracking);
+    margin-right: size(smaller-tracking);
   }
 
   &.btn {

src/typography/_paragraphs_config.scss

@@ -20,7 +20,7 @@
 
 %body--sans-small {
   font-size: ms(0);
-  letter-spacing: size (smaller-tracking);
+  letter-spacing: size(smaller-tracking);
 }