Fixes #11770: Move component-animations.less to the utility section of import...

Fixes #11770: Move component-animations.less to the utility section of import list to match Customizer

dist/css/bootstrap.css

@@ -2266,27 +2266,6 @@ input[type="reset"].btn-block,
 input[type="button"].btn-block {
   width: 100%;
 }
-.fade {
-  opacity: 0;
-  -webkit-transition: opacity .15s linear;
-          transition: opacity .15s linear;
-}
-.fade.in {
-  opacity: 1;
-}
-.collapse {
-  display: none;
-}
-.collapse.in {
-  display: block;
-}
-.collapsing {
-  position: relative;
-  height: 0;
-  overflow: hidden;
-  -webkit-transition: height .35s ease;
-          transition: height .35s ease;
-}
 @font-face {
   font-family: 'Glyphicons Halflings';
   src: url('../fonts/glyphicons-halflings-regular.eot');
@@ -5438,6 +5417,27 @@ button.close {
     bottom: 20px;
   }
 }
+.fade {
+  opacity: 0;
+  -webkit-transition: opacity .15s linear;
+          transition: opacity .15s linear;
+}
+.fade.in {
+  opacity: 1;
+}
+.collapse {
+  display: none;
+}
+.collapse.in {
+  display: block;
+}
+.collapsing {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+  -webkit-transition: height .35s ease;
+          transition: height .35s ease;
+}
 .clearfix:before,
 .clearfix:after,
 .container:before,

less/bootstrap.less

@@ -16,7 +16,6 @@
 @import "buttons.less";
 
 // Components
-@import "component-animations.less";
 @import "glyphicons.less";
 @import "dropdowns.less";
 @import "button-groups.less";
@@ -45,5 +44,6 @@
 @import "carousel.less";
 
 // Utility classes
+@import "component-animations.less";
 @import "utilities.less";
 @import "responsive-utilities.less";