message: fix: fix cssProps
diff: import { Box } from '@fower/react';
  export default () => {
  - // return (
  - // <Box
  - // className="a"
  - // textXL
  - // red500
  - // css={{
  - // '&.a .b': {
  - // fontBold: true,
  - // },
  - // '&.a': {
  - // blue500: true,
  - // text4XL: true,
  - // },
  - // textShadow: '1px 0 5px #FC0',
  - // // textDecoration: 'underline',
  - // }}
  - // >
  - // <Box className="b">FOO</Box>
  - // <Box teal500>bar</Box>
  - // <Box red500>bar</Box>
  - // Hi, Fower!
  - // </Box>
  - // );
  + return (
  + <Box>
  + <Box
  + teal500
  + css={{
  + verticalAlign: 'middle',
  + }}
  + >
  + foo
  + </Box>
  + <Box
  + red500
  + css={{
  + verticalAlign: 'middle',
  + }}
  + >
  + bar
  + </Box>
  + </Box>
  + );
  return (
  <Box>
  <Box
  