fix: forward ref to defaultStyle wrapped component

Author: fnky

src/utils/defaultStyle.js

@@ -3,21 +3,21 @@ import useStyles from 'substyle'
 
 function createDefaultStyle(defaultStyle, getModifiers) {
   const enhance = (ComponentToWrap) => {
-    const DefaultStyleEnhancer = ({
+    const DefaultStyleEnhancer = React.forwardRef(({
       style,
       className,
       classNames,
       ...rest
-    }) => {
+    }, forwardedRef) => {
       const modifiers = getModifiers ? getModifiers(rest) : undefined
       const styles = useStyles(
         defaultStyle,
         { style, className, classNames },
         modifiers
       )
 
-      return <ComponentToWrap {...rest} style={styles} />
-    }
+      return <ComponentToWrap {...rest} ref={forwardedRef} style={styles} />
+    })
     const displayName =
       ComponentToWrap.displayName || ComponentToWrap.name || 'Component'
     DefaultStyleEnhancer.displayName = `defaultStyle(${displayName})`