What changed / motivation ?

Fixed the following cases casuing "Computed key cannot be resolved.eslint(@stylexjs/valid-styles)" lint error.

    import stylex from'stylex';
    import { componentVars } from './bug.stylex';
    stylex.create({
      host: {
        [componentVars.color]: 'blue',
      },
    })

    import stylex from'stylex';
    import { tokens } from 'tokens.stylex';
    stylex.create({
      root: (position) => ({
        [tokens.position]: `${position}px`,
      })
    })

Linked PR/Issues

Fixes #337

Additional Context

For dynamic styles (not style.value.type === 'ObjectExpression') we are missing the check for stylex defined variables for object keys, resulting in the "cannot be resolved" error, the fix was to add an early check for the style key being a defined variable and returning early.

TBH I don't quite understand why the first case was broken as reported in #337, how is that not an object expression? But anyways the fix seem to fix it.

Pre-flight checklist

• I have read the contributing guidelines
  Contribution Guidelines
• Performed a self-review of my code