Dynamic expressions that return different values are hashed the same way

[danieldelcore]

function getGap({ space }: Theme) {
        const column = columnGap ? space[columnGap] : space[gap];
        const row = rowGap ? space[rowGap] : space[gap];

        return `${row} ${column}`;
    }

    return (
        <div
            css={css<Theme>`
                display: grid;
                grid-template-columns: repeat(${columns}, 1fr);
                gap: ${getGap};
                width: 100%;
            `}
        >
            {children}
        </div>
    );