fix: prevent classname to be overwritten in color swatch component (#6584)

* fix: prevent classname to be overwritten in color swatch component

* fix: try again

* fix: apply alphabetical sort order

* fix lint

* reorder imports

---------

Co-authored-by: Yihui Liao <[email protected]>

Author: CHE1RON

packages/@react-spectrum/color/src/ColorSwatch.tsx

@@ -61,7 +61,7 @@ function ColorSwatch(props: SpectrumColorSwatchProps, ref: DOMRef<HTMLDivElement
           // Red slash to indicate there is no selected color.
           : 'linear-gradient(to bottom right, transparent calc(50% - 2px), var(--spectrum-red-900) calc(50% - 2px) calc(50% + 2px), transparent calc(50% + 2px)) no-repeat'
       }}
-      className={style({
+      className={styleProps.className + style({
         size: {
           size: {
             XS: 4,