✨(react) max width for multi select pills

In order to prevent a pill with a long text to stack below the actions
div we decided to introduce the concept of max-width for pills.

packages/react/src/components/Forms/Select/index.scss

@@ -218,6 +218,14 @@
           gap: 0.25rem;
           margin-right: 0.25rem;
           margin-bottom: 0.25rem;
+          max-width: var(--c--components--forms-select--multi-pill-max-width);
+
+          > span {
+            min-width: 0;
+            text-overflow: ellipsis;
+            overflow: hidden;
+            white-space: nowrap;
+          }
 
           &__clear {
             width: auto;