fix: remove text value from props and render bound property

[dpilch]

Resolves #67

• Remove value from Text props. The value should be set as the child.
• Render value when it is a bound property

Remove value from Text props

Before fix:

export default function CustomText(props: CustomTextProps): JSX.Element {
  return (
    <Text
      color="#ff0000"
      width="20px"
      value="Text Value"
      {...props}
      {...getOverrideProps(props.overrides, "Text")}
    >
      Text Value
    </Text>
  );
}

After fix:

export default function CustomText(props: CustomTextProps): JSX.Element {
  return (
    <Text
      color="#ff0000"
      width="20px"
      {...props}
      {...getOverrideProps(props.overrides, "Text")}
    >
      Text Value
    </Text>
  );
}

Render value when it is a bound property

before fix:

export default function CustomText(props: CustomTextProps): JSX.Element {
  const { textValue } = props;
  return (
    <Text
      color="#ff0000"
      width="20px"
      value="Text Value"
      {...getOverrideProps(props.overrides, "Text")}
    >
    </Text>
  );
}

after fix:

export default function CustomText(props: CustomTextProps): JSX.Element {
  const { textValue } = props;
  return (
    <Text
      color="#ff0000"
      width="20px"
      value="Text Value"
      {...getOverrideProps(props.overrides, "Text")}
    >
      {textValue}
    </Text>
  );
}