JSFiddle - React, Tailwind, and code Playground

HTML

<xmp></xmp>

JavaScript

function alphanum(a, b) {
    
    function isdigit(ch) {
        return '0' <= ch && ch <= '9';
    }
    
    var min = Math.min(a.length, b.length);
    
    for (var i = 0; i < min; i++) {
        if (a.charCodeAt(i) !== b.charCodeAt(i)) break;
    }
    
    if (i == min) return a.length - b.length;
    var cmp = a.charCodeAt(i) - b.charCodeAt(i);
    
    if (isdigit(a[i - 1]) || isdigit(a[i]) && isdigit(b[i])) {
        for (;; i++) {
            var ai = isdigit(a[i]);
            var bi = isdigit(b[i]);
            if (ai !== bi) return ai - bi;
            if (!ai || !bi) break;
        }
    }
    
    return cmp;
}

$('xmp').text([
    '1000X Radonius Maximus',
    '10X Radonius',
    '200X Radonius',
    '20X Radonius',
    '20X Radonius Prime',
    '30X Radonius',
    '40X Radonius',
    'Allegia 50 Clasteron',
    'Allegia 500 Clasteron',
    'Allegia 50B Clasteron',
    'Allegia 51 Clasteron',
    'Allegia 6R Clasteron',
    'Alpha 100',
    'Alpha 2',
    'Alpha 200',
    'Alpha 2A',
    'Alpha 2A-8000',
    'Alpha 2A-900',
    'Callisto Morphamax',
    'Callisto Morphamax 500',
    'Callisto Morphamax 5000',
    'Callisto Morphamax 600',
    'Callisto Morphamax 6000 SE',
    'Callisto Morphamax 6000 SE2',
    'Callisto Morphamax 700',
    'Callisto Morphamax 7000',
    'Xiph Xlater 10000',
    'Xiph Xlater 2000',
    'Xiph Xlater 300',
    'Xiph Xlater 40',
    'Xiph Xlater 5',
    'Xiph Xlater 50',
    'Xiph Xlater 500',
    'Xiph Xlater 5000',
    'Xiph Xlater 58'
].sort(alphanum).join("\n"));